vue 安装及启动项目

一、Node.Js 安装及配置

1. 下载node.js

 https://nodejs.org/en/

2. 安装步骤 自定义路径

3. 其他直接 next 这一步选择 Add to PATH

4. 检查是否安装成功

 cmd 命令  node -v   npm -v

5. 配置NodeJS和NPM
默认情况下，NPM安装的模块并不会安装到NodeJS的程序目录 ，所以配置的话 默认C盘 会被占满

这里我们要分两步，第一步修改NPM的缓存目录和全局目录路径，将对应的模块目录改到D盘nodejs的安装目录，第二步是配置npm和nodejs的环境变量，这样nodejs才能正确地调用对应的模块。

我们先来做第一步，在D盘nodejs目录下创建两个目录，分别是node_cache和node_global，这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后，执行下面这两个命令：

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录

6. 测试
然后我们打开cmd命令行界面，在使用命令安装刚才的cluster模块，命令如下：

npm install cluster -g

然后打开刚才创建的node_global目录，可以看到此时cluster目录就安装到这个目录底下了。

7. 配置环境变量
然后我们来配置npm的环境变量和nodejs的环境变量。在计算机图标上点右键，选属性，然后点击高级系统配置，弹出来的新窗口右下角有个环境路径，点击去，就能看到环境路径的配置界面，我们点击新建。然后在弹出来的窗口里，变量名填：NODE_PATH

变量值填：D:\Program Files\nodejs\node_modules\

此时还需要修改一些nodejs默认的模块调用路径，因为模块的安装位置变了，如果nodejs的命令还到原来的位置去找，肯定是找不到安装的模块了。我们在环境变量窗口，选择Path，然后点击右下角的编辑，然后选择npm那个。点击右边的编辑，将其修改为：

D:\Program Files\nodejs\node_global\

然后点确定，保存这个配置 点击保存即可

测试
这个时候所有的配置工作才算完成了，然后打开一个新的cmd窗口。先输入命令：
node

进入nodejs的交互式命令控制台，然后输入：

require('cluster')

如果能正常输出cluster模块的信息，说明上面的所有配置就算生效了

8. 修改镜像
我们还需要做的最后一个工作是，将npm的模块下载仓库从默认的国外站点改为国内的站点，这样下载模块的速度才能比较快，只需要一个命令即可，命令是：

npm --registry https://registry.npm.taobao.org install cluster

上面的命令是临时使用国内一家npm源的地址来安装cluster模块。从下面图中可以看到，速度非常快。只用了不到0.8秒。而我们上面第一次安装的时候用了差不多3秒多，速度快了3倍多。

如果想一直使用这个源的地址，那么可以使用下面这个命令来配置。

npm install -g cnpm --registry=registry_url

registry_url指的是国内提供的一些npm仓库地址，常用的有：

https://registry.npm.taobao.org

http://r.cnpmjs.org/

这两个都可以使用。如下面第二张图所示，配置好国内源后，安装一个较大的模块express，只用了不到6秒多一点，速度提升还是非常可观的。至此，nodejs和npm在windows上的配置就全部完毕。

二、启动Vue 项目

1. 安装项目

npm install

2. 编译

npm run serve