1.安装 (npm新版本 包命名更严格, vue-cli3.0相应跟着变化)
2.0安装 $ npm install -g vue-cli
3.0安装 npm install -g @vue/clivue
2.目录结构:webpack
2.0生成目录结构:
web
3.0目录结构:
vue-cli
从CLI 3的整个项目结构咱们能够发现,这个结构很简单,没有相关的配置文件或复杂的目录结构。CLI 3仅生成构建应用程序所需的文件,让使用者不用关心这些工具的具体配置,从而下降了工具的使用难度。npm
CLI 3启动方式是内置服务 vue-cli-service serve
CLI 2启动方式是webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 这里用webpack-dev-server搭一个服务浏览器
3.0版本下,你想看看默认的webpack配置,可执行vue inspect查看,默认状况下,会将配置输出到控制台,你也能够将结果指向一个文件,例如:vue inspect > webpack.config.jswebpack-dev-server
图形化界面 :工具
安装好了CLI 3的前提下,执行vue ui命令 ,会自动在浏览器打开图形界面。ui