Vue 开发环境

一、node.js 安装

1. 下载node
   下载地址：http://nodejs.cn/download/
   node.js的zip包安装时是直接解压缩后 启动node.exe 安装 可以了
   

   node

2. 安装完后 在目录里 添加 文件夹 node-cache ；node-global

   
   
   node-cache ；node-global

3. 设置系统环境变量 Path 路径
   ①node 安装的根目录
   D:\MES_YANG_GIT\Node.js
   ②添加的文件夹 node-global 的路径
   D:\MES_YANG_GIT\Node.js\node-global
   

   图片.png

4. 命令行中输入node -v 来查看安装版本和是否安装成功

   
   
   图片.png

5. 修改npm配置
   命令行配置npm的全局模块的存放路径以及cache的路径，可以用一下两个命令完成。
   npm config set prefix "D:\MES_YANG_GIT\Node.js\node-global"
   npm config set cache "D:\MES_YANG_GIT\Node.js\node-cache"
   这样此后所安装的模块都会安装到改路径下。

6. 测试 npm install -g grunt-cli

   
   
   npm install -g grunt-cli

二、webpack安装

1. 命令行 npm install webpack webpack-cli -g

   
   
   npm install webpack webpack-cli -g

2. 查看webpack 安装版本（是否安装） webpack -v

   
   
   webpack -v

三、vue/cli安装

1. 安装vue-cli 命令行 npm install -g @vue/cli

   
   
   npm install -g @vue/cli

2. 安装vue ui 命令行 vue ui

   
   
   图片.png

创建项目

创建项目

图片.png

图片.png