windows下vue | vue cli windows
1、安裝Node.js,node.js安裝包及原始碼下載地址為:https://nodejs.org/en/download/[1]。2、安裝npm,由於新版的nodejs已經整合了npm,所以之前npm也一併安裝好了。同樣可以通過輸入“npm-v”來測試是否成功安裝。命令如下,出現版本提示表示安裝成功:$npm-v3.10.8如果你安裝的是舊版本的npm,可以很容易得通過npm命令來升級,命令如下:npminstallnpm-g你可以使用淘寶定製的cnpm(gzip壓縮支援)命令列工具代替預設的npm:npminstall-gcnpm--registry=https://registry.npm.taobao.org這樣就可以使用cnpm命令來安裝模組了:cnpminstall[...
1、安裝Node.js,node.js安裝包及原始碼下載地址為:https://nodejs.org/en/download/[1]。
2、安裝npm,由於新版的nodejs已經整合了npm,所以之前npm也一併安裝好了。同樣可以通過輸入 “npm -v” 來測試是否成功安裝。命令如下,出現版本提示表示安裝成功:
$ npm -v 3.10.8如果你安裝的是舊版本的 npm,可以很容易得通過 npm 命令來升級,命令如下:
npm install npm -g你可以使用淘寶定製的 cnpm (gzip 壓縮支援) 命令列工具代替預設的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org這樣就可以使用 cnpm 命令來安裝模組了:
cnpm install [name]3、安裝vue-cil,vue-cil是vue的腳手架工具。其模板可以通過 vuejs-templates 來檢視。
我們首先,需要安裝vue-cil。命令如下:
npm install -g vue-cli這個命令只需要執行一次就可以了。安裝上之後,以後就不用安裝了。
下面,我們來用vue-cil構建一個專案。
首先,我們在終端中把當前目錄定位到你準備存放專案的地方。如我是準備放在E:vue這個目錄下面,那麼先通過cmd命令進入這個目錄,命令如下:
cd vue進入到目錄之後,我們按照下面的程式碼輸入,新建一個自己的vue專案demo01
vue init webpack demo01輸入這個命令之後,會出現一些提示,是什麼不用管,一直按回車即可。
如上圖所示,就說明我們的專案構建成功了。並且,給出了下面要執行的命令,我們來逐條執行:
cd demo01 cnpm install(這裡用國內的阿里的cnpm安裝比較快)
安裝完成之後再執行命令:
npm run dev執行後,CMD命令視窗如圖:
說明專案跑起來了,在執行了npm run dev之後,會自動開啟一個瀏覽器視窗,就可以...