0. 前言
今天北京下雪了,还挺冷的,哈哈,好吧,今天就说一下如果我们要想用vue.js做一个项目的时候,那肯定会用到vue.js里面的脚手架,我今天就介绍一下,怎么安装这个脚手架。
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官网的安装方法
我自己也总结了下流程,当然我写的也不能超越了官网的那几个步骤,我比官网说的可能就是,多了一点注释,解释。
- Node.js安装
https://nodejs.org/en/download/ - 安装vue-cli
npm install -g vue-cli
- 使用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测试 - 进入目录
cd my-project
- 安装依赖
npm install
- 开始运行
npm run dev
- 测试项目--访问
localhost:8080
2. 结束语
可能有的地方解释的不是很正确,跟你们这些英语好几级的人当然比不了,见谅啊!!!