nodeJS 安装

npm: Nodejs下的包管理器。

webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

在win7系统下搭建安装node软件开发环境 如下

软件下载地址 ：http://nodejs.org/dist/v9.7.1/或者Node.js

如图下所示选择这个版本下载安装

2、将下载好的软件安装包双击运行安装，如图下

3、通过cmd命令行中输入 node -v 查看软件版本号，安装完成了

4、查看npm是否安装成功，默认自动安装了npm，如下查看npm版本号如图下所示

5、测试编写nodeJS代码，打开cmd命令行，输入node进入开发模式，然后输入console.log('hello world') 后回车，结果打印输出hello world 

修改项目默认node_modules路径

npm config set cache "D:\vue\nodejs\node_cache"

npm config set prefix "D:\vue\nodejs\node_global"

如果无效，在nodejs的安装目录中找到node_modules\npm\.npmrc文件

修改如下即可：

cache =D:\vue\nodejs\node_cache
prefix =D:\vue\nodejs\node_global

npm模块安装的默认全局路径已经改到了相应的文件夹中，但是这时候用户还是无法require这些模块，因为电脑系统现在还不知道你把默认路径给改了，所以需要修改系统环境变量。
［重要］环境变量配置：在环境变量path追加：D:\vue\nodejs\node_global;

例如下执行，在D:\vue\nodejs\node_global中看到模块，如不加-g则默认位置

npm i uview-ui -g  

npm是国外镜像下载比较慢，我们可以使用阿里团队的cnpm代替，如下链接是cnpm的网站下载 地址：

npmmirror 中国镜像站

如下命令安装完成替换

安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

查询cnpm版本信息

cnpm -v

还有第二种方式替换npm  ， 我们使用yarn

安装yarn

npm install -g yarn

安装成功如下

输入yarn可以查看是否安装成功了，如下是安装成功了

二、安装vue-cli脚手架构建工具

cnpm install -g @vue/cli

测试是否安装成功

vue -V

 看截图中，发现版本号已经显示出来了，证明已经安装成功。

创建项目如下

进入项目目录后，输入命令vue create test1  回车，其中test1是项目名，如图下

然后出现选择，我们选择vue2

如果安装有yarn和npm会出现让你选择使用哪种方式进行下载安装

 我们选择yarn安装，然后会非常快完成了。如下是进度

下载安装完成了，可以看到目录中有一个项目了 

我们打开项目，我这里使用HBuilder X导入项目，然后找到页面，双击打开代码页面，点击预览可以使用开发工具编译并生成访问页面，如图下：

通过命令方式进行编译生成网站文件浏览如下

 进入项目根目录，然后输入如下指令 

npm run serve  回车后自动编译生成，如图下就是访问链接，复制到浏览器打开就可以访问到。