vue环境搭建
一、安装node.js(https://nodejs.org/en/)
下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。
二、设置nodejs prefix(全局)和cache(缓存)路径(可以跳过)
-
在nodejs安装路径下,新建node_global和node_cache两个文件夹
-
设置缓存文件夹
npm config set cache "D:\vueProject\nodejs\node_cache"
设置全局模块存放路径
npm config set prefix "D:\vueProject\nodejs\node_global"
设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里
三、基于 Node.js 安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
或者 设置源
npm config set registry https://registry.npm.taobao.org
四、设置环境变量(非常重要,mac电脑无需设置)
说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
- 鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。
- 修改系统变量PATH
- 新增系统变量NODE_PATH
五、下载vscode,并打开jeeplus-ui
1、打开.env.development ,配置开发环境的后台api地址
VUE_APP_SERVER_URL = 'http://localhost:8082'
2、打开TERMIANL控制台
执行以下命令安装package依赖包
cnpm install
执行启动命令
npm run serve
启动成功界面