webpack安装需要先安装node.js。node.js自带软件管理工具npm
这里自己到node官网下载。查看自己node版本:node -v
安装webpack命令:npm install webpack@3.6.0 -g (3.6.0为安装的版本,-g表示全局安装)
局部安装webpack:npm install webpack@3.6.0 --save-dev
有时开发使用的webpack依赖和全局的webpack版本不一样的,这样在开发时用全局就会产生问题
在终端直接执行webpack命令使用的是全局的,而在package.json定义的script,包含的webpack命令使用的就是局部安装的
vue安装脚手架:
命令:npm install @vue/cli -g(安装的为最新版本cli)
安装脚手架2版本:npm install @vue/cli-init -g
创建脚手架2的项目命令:vue init webpack 项目名称
创建脚手架3的项目命令:vue create 项目名称
ESLink,规范化代码。
runtime-only和runtime-compiler的不同:
runtime-only:代码中不能有template
runtime-compiler:代码中可以有template,因为compiler可以对template编译
runtime-compiler运行过程为template-ast-render函数-vdom(虚拟dom)-ui(dom)
runtime-only运行过程为render函数-vdom(虚拟dom)-ui(dom)
所以runtime-only比runtime-compiler代码更少,文件更小,性能更高