1、安装CLI命令的工具 推荐用淘宝的镜像
npm install -g @vue/cli @vue/cli-init
2、使用命令构建一个名为myapp的项目
vue init webpack myapp
vue -v 可以查看版本号（V大写）
--------------------------
--构建项目信息详解
- Project name：项目名- Project description: 项目描述- Author: 作者- Vue build： ?- 第一种：配合大部分的开发人员 ?- 第二种：仅仅中有runtime- Install vue-router? 是否安装vue-router- Use ESLint to lint your code?是否使用ESLint来验证我们的语法。这个对于我们PHP人员来说比较难接受！- Pick an ESLint preser:使用哪种语法规范来检查我们的代码： ?- Standard: 标准规范 ?- Airbnb: 爱彼迎规范- Set up unit test: 设置单元测试- Setup e2e tests： 设置端对端测试- Should we run ‘npm install‘:要不要帮你下载这个项目需要的第三方包 ?- 使用npm来下载 ?- 使用yarn来下载
3、启动项目
npm run dev
4、es6知识储备
知识储备严格模式主要有以下限制。- 变量必须声明后再使用- 函数的参数不能有同名属性，否则报错- 不能使用with语句- 不能对只读属性赋值，否则报错- 不能使用前缀 0 表示八进制数，否则报错- 不能删除不可删除的属性，否则报错- 不能删除变量delete prop，会报错，只能删除属性delete global[prop]- eval不会在它的外层作用域引入变量- eval和arguments不能被重新赋值- arguments不会自动反映函数参数的变化- 不能使用arguments.callee- 不能使用arguments.caller- 禁止this指向全局对象- 不能使用fn.caller和fn.arguments获取函数调用的堆栈- 增加了保留字（比如protected、static和interface）
Vue+webpack构建一个项目
原文地址：https://www.cnblogs.com/xgzyg/p/10346996.html