使用nodeJs安裝Vue cli

2021-09-12 09:07:07 字數 1090 閱讀 3091

安裝完成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 想安裝速度快點,可以使用 映象如下 命令提示符執...