node.js 安装步骤及Vue环境搭建及项目运行

下面将详细讲解Vue的环境搭建

1 下载node.js https://nodejs.org/en/

详细安装步骤请看 https://blog.csdn.net/antma/article/details/86104068 

2、安装完成后 - 在node.js安装目录下新建 node_cache 与 node_global 文件夹，

3、配置环境变量 

4、测试

win+R打开 -- 输入 cmd -- 输入 node -v 回车   

再输入npm - v 回车 查看相应得版本是否存在 ，若存在 则表示 安装成功

在cmd命令下执行如下两个命令：

npm config set prefix "node_global"

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

在cmd命令下执行 npm install webpack -g  使配置的这两个文件夹生效

5、启动vue项目

（1）、在cmd命令行输入 npm  -v 检查 node.js是否安装合适

（2）、在cmd命令行 输入 npm install -g cnpm --registry=http://registry.npm.taobao.org，

             然后输入 cnpm -v 检查 是否下载成功

          （注意：这里可能会报“cnpm 不是内部或外部命令”，不要慌，win+e 打开将环境变量重新配置一下即可）

（3）、在cmd 命令行中运行命令 cnpm install -g vue-cli ，然后等待安装完成

（4）、进入 项目文件夹  -- 打开命令行输入 vue init webpack 项目名 等待安装 ，安装完成后再执行  cnpm install 命令 在项目中会出现node_modules文件夹。

（5）、启动项目  在项目文件夹下执行  cnpm run dev 或者 npm run dev 便可。

（6）、在hbuilder 中运行vue 项目右击 -- 使用命令窗口打开所在目录 -- 输入 npm run dev 回车即可。

停止npm run dev  步骤：

1、ctrl+c 

2、输入Y