Vue项目启动步骤

平时主要做java开发，在前后端分离的项目中，调试时还是需要结合前端项目一起调试，简单记录一下vue 项目启动步骤：

一、安装nodeJs

        下载链接：下载 | Node.js   默认进入到最新版本下载页面，根据系统下载对应的版本安装，我是windows10系统，使用  msi 版本进行安装（说明：因为项目比较老，我并没有使用最新版本！）

当然，并不是版本越高越好，根据自己的项目选择。我接触的这个项目不算新，开始下载的高版本，安装后一直启动不了，后来就降低了版本，我使用版本为 v14.18.0，

下载地址：Index of /download/release/v14.18.0/

安装后，打开cmd验证node和npm是否正常，命令：（1）node -v   （2）npm -v

 

二、安装 cnpm

        npm使用的公网服务器，服务器在国外，一般速度不快，下载经常中断，使用阿里的镜像会快很多，相对稳定。安装也很方便，执行一条命令就行。

命令：npm install -g cnpm -registry=https://registry.npm.taobao.org
验证命令：cnpm -v

三、安装vue-cli脚手架

        在命令行中运行命令 cnpm install -g vue-cli，然后等待安装完成。

 

四、加载依赖

        首先需要cd到项目目录中去，然后输入cnpm install 等待安装完成。

        如果安装出现错误，可以项目目录下的文件重新执行上面命令安装，若是只有一两个报错的依赖可以单独执行命令  cnpm install [依赖名称] --save  

五、启动项目

进入项目目录，执行命令 cnpm run dev

完。