Vue+webpack构建一个项目

Posted 2021-02-07 小狗最阳光

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）