Vue+webpack构建一个项目

Posted 小狗最阳光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue+webpack构建一个项目相关的知识,希望对你有一定的参考价值。

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构建一个项目的主要内容,如果未能解决你的问题,请参考以下文章

webpack入门——构建简易版vue-cli

Vue+webpack构建一个项目

webpack从零构建一个vue+element项目

Vue2+VueRouter2+webpack 构建项目实战:配置子路由

Vue2+VueRouter2+webpack 构建项目实战准备工作

利用webpack构建vue项目