1、工具集合
(1)node.js 下載地址:https://nodejs.org/zh-cn/,選擇長期支持版。
(2)git 下載地址:https://git-scm.com/,選擇對應的操作系統版。
系統環境變量,path,C:\Program Files\Git\cmd
(3)npm node軟件中自帶,配置環境變量。
--------------------用戶環境變量,
path:
c:\Program Files\nodejs
c:\Program Files\nodejs\node_global
NODEJS_PATH
c:\Program Files\nodejs
NODE_PATH
c:\Program Files\nodejs\node_global\node_modules
--------------------系統環境變量
path:
C:\Program Files\nodejs\node_global\node_modules
--------------------測試
npm install express –g
-------------------配置
npm config set prefix "c:\Program Files\nodejs\node_global"
npm config set cache "c:\Program Files\nodejs\node_cache"
npm install --registry=https://registry.npm.taobao.org --loglevel=silly
(4)cnpm 通過npm安裝,
//使用淘寶 NPM 鏡像,注意在管理員模式運行cmd
npm install -g cnpm --registry=https://registry.npm.taobao.org
(5)vscode 下載地址:https://code.visualstudio.com/,
2、工程下載,
啓動cmd工程,管理員權限,輸入git clone https://github.com/PanJiaChen/vue-element-admin.git,
下載完成,進入工程目錄,執行
npm install,執行完成,目錄下會多出node_modules文件夾,加載工程依賴。
npm run dev
3.學習資料
https://panjiachen.github.io/vue-element-admin-site/zh/
4、修改端口,工程啓動名稱(dev)
vue.config.js,第16行,
package.json,第8行, "dev": "vue-cli-service serve",將dev修改爲需要的名稱,例如test,npm run test
5、工程啓動問題
npm 報錯 Cannot find module 'core-js/modules/es6.regexp.constructor'
npm install core-js@2