webpack和vuecli脚手架安装

236 阅读1分钟

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代码更少,文件更小,性能更高