安裝完成node,node有自帶的npm,可以直接在cmd中,找到nodejs安裝的路徑下,進行命令列全域性安裝vue-cli。(npm install --global vue-cli)
----想安裝速度快點,可以使用**映象如下
----命令提示符執行 npm install cnpm -g --registry=
注意:安裝完後最好檢視其版本號cnpm -v或關閉命令提示符重新開啟,安裝完直接使用有可能會出現錯誤;
npm install --global vue-cli
安裝後,檢查是否安裝成功(顯示版本則安裝成功)。(vue -v)
vue -v
使用vue建乙個專案名叫「my-project」。(vue init webpack my-project)
----注:vue-cli 的模板包括 webpack 和 webpack-******,前者是比較複雜專業的專案,他的配置並不全放在根目錄下的 webpack.config.js 中。
----webpack-****** 相對簡單的,它根目錄下才有個 webpack.config.js。
注意:專案建立過程中,有如下選擇,選擇no。(該選項為使用eslint規範你的**,乙個空格錯誤都將報錯,不開啟,可以避免不必要的麻煩)
----eslint規範建議開啟,加強**規範
vue init webpack my-project
建立專案後,安裝專案依賴npm install
npm install
安裝成功,專案目錄下多出乙個node_modules資料夾
進入專案目錄資料夾(my-project)中,就可以使用vue進行開發啦
使用npm run dev,便可以開啟本地伺服器實時檢視效果(localhost:8080)
npm run dev
初始效果
退出監聽,可以直接ctrl+c,選擇y
在win環境下使用yarn安裝 vue cli
2.1 常規node安裝 npm install g yarn cnpm install g yarnnpm install g cnpm registry 2.2 平台依賴程式安裝windows平台這裡參考官網,此鏈結 圖示.png 顯示global路徑.png 3.2 在資源管理器輸入此位址找到...
在win環境下使用yarn安裝 vue cli
2.1 常規node安裝 npm install g yarn cnpm install g yarn npm install g cnpm registry 2.2 平台依賴程式安裝windows平台這裡參考官網,此鏈結 圖示.png 顯示global路徑.png 3.2 在資源管理器輸入此位址找...
使用nodeJs安裝Vue cli
tip win10下安裝,使用管理員身份進行,否則會有許可權限制。1,安裝完成node,node有自帶的npm,可以直接在cmd中,找到nodejs安裝的路徑下,進行命令列全域性安裝vue cli。npm install global vue cli 想安裝速度快點,可以使用 映象如下 命令提示符執...