vue环境搭建

一、安装node.js(https://nodejs.org/en/) 下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。

二、设置nodejs prefix(全局)和cache(缓存)路径(可以跳过)

  1. 在nodejs安装路径下,新建node_global和node_cache两个文件夹

  2. 设置缓存文件夹

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等命令,而不需要输入全路径

  1. 鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。
  2. 修改系统变量PATH

  1. 新增系统变量NODE_PATH

五、下载vscode,并打开jeeplus-ui

1、打开.env.development ,配置开发环境的后台api地址

VUE_APP_SERVER_URL = 'http://localhost:8082'

2、打开TERMIANL控制台 执行以下命令安装package依赖包

cnpm install

执行启动命令

npm run serve

启动成功界面