vuejs啟動項目的方法:1、安裝node.js;2、安裝“@vue/cli”;3、使用“vue create 項目名稱”命令創(chuàng)建一個項目;4、使用cd命令進入vue項目目錄中;5、執(zhí)行“npm run serve”命令啟動項目。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6版,DELL G3電腦。
前提條件:安裝node.js
啟動vue項目
- 如果想要啟動vue項目,有兩種方式,第一種使用@vue/cli,第二種使用webpack從零開始搭建Vue項目;如果你是一個新手的話,建議你使用@vue/cli這個工具,cli是封裝了webnpack的loader與plugin,能夠使你快速啟動vue項目;我下面就是使用的@vue/cli;
- 進入官網(wǎng)https://cli.vuejs.org/zh/
- 安裝@vue/cli
npm install -g @vue/cli
- 查看@vue/cli版本號
vue --version
vue create hello-world
創(chuàng)建一個項目
選擇手工選擇
選擇babel,css pre-processors,linter,unit testing,選擇后按回車
安裝成功后
cd hello-world $ npm run serve
輸入此命令
- 打開http://localhost:8080/ 出現(xiàn)以下頁面,說明創(chuàng)建并啟動項目成功