vue项目的创建 cli2.xx

一般有三种方式：

1.本地引入vuejs。

2.使用cdn引入vuejs。

3.使用vue-cli创建vue项目。

我们常用的都是第三种，可以很快速的构建官方提供的简单demo

以第三种方法为例：

先安装node.js 我们要使用 NPM 安装 https://nodejs.org/en

如果外网安装的慢，哪就安装淘宝镜像库，国内的  https://npm.taobao.org

打开命令终端（window+R，输入cmd点击回车）输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
安装成功之后，就可以用 cnpm 替代 npm；

安装vue-cli  ：npm install -g vue-cli  或者使用淘宝镜像  cnpm i -g vue-cli；没什么区别，就安装/更新速度而已

查看node的版本输入：node -v

查看NPM的版本输入：npm -v

查看vue-cli的版本输入：vue -v

准备就绪后，开始搭建vue项目（我是使用vue的脚手架vue-cli来搭建的）

1.使用终端进入到我需要创建项目的文件（cd demo :使用命令行cd 进入到demo的文件中）：

Project name（工程名）:yes
Project description（工程介绍）：随便些吧
Author：作者名
Vue build（是否安装编译器）:yes
Install vue-router（是否安装Vue路由）：yes
Use ESLint to lint your code（是否使用ESLint检查js代码）：no
Set up unit tests（安装单元测试工具）：no
Setup e2e tests with Nightwatch（是否安装端到端测试工具）：no
Should we run npm install for you after the project has been created? (recommended)：yes。

 

最后在编辑器里面打开创建好的文件 ：npm install  (把依赖包都加载进来)

然后就 npm run dev