vue项目启动手册，windows版

Node.js,vue项目启动收车

（1）git clone已建的vue项目

（2）装好nodejs， vue是依赖nodejs的环境的。Windows直接下包安装即可

（3）切换npm镜像：在任意路径下用cmd输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”这样就能用淘宝的npm镜像代替国外的资源，懒得用代理同学的福音。以后就可以用cnpm命令来全部代替npm。不设置代理的话，在后续项目的npm install的时候，容易因为超时而失败。有教程把这条命令的“--registry”写成只有一个“-”，注意是两个“--”。

注：此步可以不执行，网络好对后续影响不大

（4）npm全局安装vue：任意路径的cmd下输入“npm install vue-cli -g”，安装vue。成功后输入vue能出来信息。

注：clone的项目是完整项目包可以忽略此步

（5）npm项目依赖组件安装：cmd进入vue项目的根目录，输入命令“npm install”，会根据前端项目的依赖关系下载好相关的组件，存在项目目录的node_modules文件夹下。一般git库会gitignore依赖组件，也就是没有node_modules文件夹，不然太大了... 这步容易发生err，遇见了就要打回去重弄，不要掩耳盗铃，具体错误排查stackoverflow...。

（6）npm编译：第一次运行前，要对项目进行编译，cmd进入vue项目的根目录，输入命令“npm run build”，此时会对根目录下的package.json对build命令的定义进行编译，一般"build" = "webpack -p"。

（7）配置nginx：前后端分离项目一般都要解决跨域问题，上nginx吧，配好nginx安装目录/conf/nginx.conf的server模块。nginx的配置不详述。好像现在nodejs也能直接代理，但是如果用windows的同学，好像windows的nodejs不支持process.argv[...]，nginx欢迎你回归（话说nginx在windows下表现也不太稳定，经常好好地项目又不行了，此时不管三七二十一首先重启nginx！）

注：如果安装phpstudy这种集成环境，直接开启环境即可忽略此步

（8）配置项目主机地址：前端项目里需要有个config文件夹，里面要有host.js或者config.js文件，定义nginx转域后的主机地址+端口号（也就是nginx.conf里面server模块的server_name值+listen的端口号）。git项目拉下来没有的话自己加一个，文件内容范例（下面用${}表示nginx.conf里面server模块对应的字段值）：

const host ='http://${server_name}:${listen}/server/';
export {host};

（9）配置windows的HOSTS：由于是在本机上启用前端项目，需要将127.0.0.1和nginx代理后的域名做对应。找到系统的HOSTS文件（win7系统下在C:\Windows\System32\drivers\etc里面），增加一条“127.0.0.1 ${server_name}”。否则本地启动前端项目后浏览器访问nginx代理后的域名会发生dns错误。

（10）启动nginx

（11）启动项目：cmd进入前端vue项目的根目录，输入命令“npm run dev”，此时会用nodejs启动这个前端的vue项目。大功告成。

注：项目运行期间，CMD窗口不能关闭，关闭后项目报错不能运行