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