Vue项目部署运行以及过程中遇到的问题

1、下载node.js并进行安装

下载node.js并进行安装，一直下一步就行，根据自己电脑选择版本，安装完成之后配置环境变量。
进入cmd，查看安装是否成功，指令：node -v 和 npm -v （node自带npm）。

2、安装全局vue-cli

在cmd命令行里面输入指令：npm install --global vue-cli
等待下载完成。输入vue --version查看是否安装成功。

3、安装cnpm的淘宝镜像

输入指令：npm install -g cnpm --registry=http://registry.npm.taobao.org

4、安装webpack

输入指令：npm install webpack -g

以上步骤完成，整个项目环境就搭建完成了。

下面运行项目。

1、首先进入项目的目录

cd 项目路径/项目名称

2、进入项目之后安装项目依赖

npm install

3、项目本地启动

npm run dev
成功之后会显示启动的路径及端口，如下：

4、浏览器中输入网址进行浏览

遇到的问题如下：

1、npm install下载依赖报错：ERR! configure error gyp ERR! stack Error: Can’t find Python executable “python”

node.js在安装模块的时候，缺少python环境。

解决方法：

安装python并配置环境变量。

注意：这里python要安装在C盘，否则npm install的时候中不到路径。看网上说要安装2.7版本，别的版本会有错，没有实践。

如果上述方法不行，就使用下面方法：

dos中输入指令：npm install --global --production windows-build-tools

2、npm install报错：MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”

解决方法：

首先以管理员身份运行dos
输入一下指令：npm install --global --production windows-build-tools
等待安装完成。
重新运行npm install
如果node-sass还报错。手动运行一下npm install node-sass再npm install

看网上说下载visual cpp build tools_full并安装完成之后，在dos中输入 npm config set msvs_version 2015 --global会好使。未亲测。