Vue项目的搭建

1.安装node

1.在Node.js官网中下载最新的安装包
2.运行安装包，根据步骤进行安装
3.安装完成后，可以打开cmd命令行，输入node -v命令来查看node是否安装成功，出现版本号就表示安装成功

2.安装npm

1.npm是包管理器，它是集成在node里面的，所以可以不在单独的对它进行安装，直接在cmd中输入npm -v来查看npm是否安装成功，出现版本号就表示安装成功

3.安装淘宝镜像cnpm

为什么要安装cnpm呢？因为npm使用的国外的服务器，当使用npm进行依赖的安装的时候，可能会因网络延迟、网络不稳定或者安装的依赖较大等因素，会导致依赖安装失败，所以有时会使用国内的淘宝镜像来进行安装依赖
cnpm和npm的区别：
cnpm安装依赖的速度很快，可能会导致安装的依赖不全，在运行项目时报错；而npm安装依赖的速度较慢，但安装的依赖很完全，基本上不会出现问题

1.在cmd或者项目终端中输入安装cnpm的命令：

npm install –g cnpm --registry=https://registry.npm.taobao.org

2.输入cnpm -v 命令在查看是否安装成功，出现版本号就表示安装成功

4.安装vue-cli脚手架

输入命令:

npm install -g vue-cli   或   cnpm install -g vue-cli 

5.初始化Vue，安装项目

1.初始化一个vue项目，输入命令：

vue init webpack my-project

2.然后根据步骤完成安装，大概步骤如下：

• ？Project name :你的项目名称 ，如果不需要修改直接回车默认就可以了。
• ？Project description:项目的描述，如果不需要修改直接回车默认就可以了。
• ？Author：项目作者，一般是从git读取作者的基本信息。
• ？Vue build:项目的打包方式。
• ？Install vue-router? 是否安装vue.js的路由插件，一般都是需要安装，所以选择Yes。
• ？Use ESLint to lint your code? 是否使用ESLint来检测你的代码，暂时不需要（可以后续安装），所以选择No。
• ？Set up unit tests? 是否安装单元测试,暂时不需要（可以后续安装），所以选择No。
• ？Setup e2e tests with Nightwatch? 是否使用Nightwatch设置端到端的测试，暂时不需要（可以后续安装），所以选择No。

3.项目初始化完成

6.项目运行

1.根据提示跳转到项目

cd project （project是你的项目名）

2.运行项目，并启动

npm run dev