vue.js(二)

0. 前言

今天北京下雪了，还挺冷的，哈哈，好吧，今天就说一下如果我们要想用vue.js做一个项目的时候，那肯定会用到vue.js里面的脚手架，我今天就介绍一下，怎么安装这个脚手架。

timg.jpg

1. 安装

兼容性

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。安装vue.cli脚手架官网

安装的条件之一

必须先安装一个node.js，有了node.js才可以输入命令行，才可以安装vue.js脚手架,安装node.js官网

NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。

命令行工具

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

vue.js官网的安装方法

图片.png

我自己也总结了下流程，当然我写的也不能超越了官网的那几个步骤，我比官网说的可能就是，多了一点注释，解释。

1. Node.js安装
   https://nodejs.org/en/download/
2. 安装vue-cli
   npm install -g vue-cli
3. 使用vue-cli初始化项目
   vue init webpack-simple my-project-name
   如果遇到Install vue-router? 时输入：yes
   这句话的意思是问你是否同意安装路由。
   如果遇到Use ESLlint to lint your code? 时输入：no
   ESLlint 算是一个代码语法规范的检查工具，不同意就不会把检查代码的功能加进，如果你对自己写的代码，没有信心，就不要同意，否则你写的代码没有按照，人家要求的严格模式写，就会保各种错。。。
   如果遇到Setup unit tests with Karma + mocha? 时输入：no
   问你是否需要进行自动化测试
   如果遇到Setup e2e tests with Nightwatch? 时输入：no
   设置用Nightwatch e2e测试
4. 进入目录
   cd my-project
5. 安装依赖
   npm install
6. 开始运行
   npm run dev
7. 测试项目--访问
   localhost:8080

2. 结束语

可能有的地方解释的不是很正确，跟你们这些英语好几级的人当然比不了，见谅啊！！！