十、vue-cli
介绍:vue-cli是一个基于Vue.js 进行开发的标准工具,搭建vue项目的脚手架,确保了各种构建工具能够基于智能的默认配置进行平稳链接。这样不需要纠结配置的问题。
安装:
cnpm install -g @vue/cli
(下面整个过程是基于已经安装node.js和cnpm的基础上)
全局化安装cnpm:npm install cnpm -g --registry=https://registry.npm.taobao.org
注意:这里安装vue-cli使用npm命令和cnpm命令都是可以的,使用npm安装的比较慢,对网速要求比较高,所以尽量使用cnpm进行安装比较好。
是否安装成功:
vue --version或者vue -V
创建项目:
vue create my-project
进入项目:
cd my-project
启动项目:
yarn serve
暴露webpack配置:
vue-cli-service 暴露了 inspect 命令用于审查解析好的 webpack 配置。
vue-cli-service传递给webpackDevServer,通过webpackDevServer实现自动编译和热更新。