安裝前准備
首先需要安裝node環境 這一步可以自行去node官網下載 一鍵傻瓜式安裝即可 此處忽略 請自行安裝
window 窗口 運行 PowerShell 打開命令行 運行 node -v 查看node版本是否安裝完畢 運行npm -v 看npm包管理是否安裝成功 具體不准如下
現在我們創建一個文件夾 放我們的vue項目 比如我 在自己電腦的E盤創建了vue26文件夾 這里面就是裝項目的地方~
創建完后 在PowerShell 執行一下命令
cd 路徑名 比如我電腦D盤新建vue2.6文件夾 復制
node -v查看到版本及安裝成功
npm install -g ' @vue/cli' 注意安裝包需要加引號 之前沒加安裝不成功
vue -V 出現版本號證明腳手架安裝成功
運行以下命令來創建一個新項目：vue create vueproject等待一會安裝完成后 界面會出現以下兩個命令
運行就啟動項目完成 出現以下vue首頁 恭喜你 證明已經啟動了一個腳手架項目啦！
要終止項目運行 在命令提示符窗口中按ctrl+c組合鍵即可。
每個項目的根目錄下面，一般都有一個package.json文件，定義了這個項目所需要的各種模塊，以及項目的配置信息（比如名稱、版本、許可證等元數據）。npm install命令根據這個配置文件，自動下載所需的模塊
對應的版本可以加上各種限定，主要有以下幾種：
比如1.2.2，遵循“大版本.次要版本.小版本”的格式規定
- 波浪號（tilde）+指定版本：比如
~1.2.2，表示安裝1.2.x的最新版本（不低於1.2.2），但是不安裝1.3.x，也就是說安裝時不改變大版本號和次要版本號。 - 插入號（caret）+指定版本：比如ˆ1.2.2，表示安裝1.x.x的最新版本（不低於1.2.2），但是不安裝2.x.x，也就是說安裝時不改變大版本號。需要注意的是，如果大版本號為0，則插入號的行為與波浪號相同，這是因為此時處於開發階段，即使是次要版本號變動，也可能帶來程序的不兼容。
- latest：安裝最新版本。
package.json文件可以手工編寫，也可以使用npm init命令自動生成。
如果一個模塊不在package.json文件之中，可以單獨安裝這個模塊，並使用相應的參數，將其寫入package.json文件之中。
指定依賴包
指定包取決於你的項目，你需要在package.json 文件中列出你需要使用的包，有兩種包可以選擇：
- “dependencies”： 這些包都是你的應用程序在生產環境中所需要的。
- “devDepedencies”：這些包只是在開發和測試中需要的。
$ npm install express --save
$ npm install express --save-dev上面代碼表示單獨安裝express模塊，（-S）--save參數表示將該模塊寫入dependencies屬性，（-D）--save-dev表示將該模塊寫入devDependencies屬性。
在命令行下，鍵入npm run，，就會顯示所有可以使用的命令。
npm安裝模塊
-
【npm install xxx】利用 npm 安裝xxx模塊到當前命令行所在目錄；(親測結果 寫入‘dependencies‘里面)
-
【npm install -g xxx】利用npm安裝全局模塊xxx；
-
【npm install xxx】安裝但不寫入package.json；
-
【npm install xxx –save】 安裝並寫入package.json的”dependencies”中；
-
【npm install xxx –save-dev】安裝並寫入package.json的”devDependencies”中。
npm 刪除模塊
- 【npm uninstall xxx】刪除xxx模塊；
- 【npm uninstall -g xxx】刪除全局模塊xxx；
Vue腳手架創建項目並引入element-ui
下載element-ui的依賴
npm i element-ui -s
在main.js 中引入
import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; //在vue腳手架中使用elementui Vue.use(ElementUI);
https://blog.csdn.net/qq_45832807/article/details/105264381