vue-cli 2.0 3.0区别

2019独角兽企业重金招聘Python工程师标准>>>

1.安装 （npm新版本 包命名更严格, vue-cli3.0相应跟着变化）
2.0安装  $ npm install -g vue-cli    
3.0安装  npm install -g @vue/cli

2.目录结构：

2.0生成目录结构：

3.0目录结构：

从CLI 3的整个项目结构我们可以发现，这个结构很简单，没有相关的配置文件或复杂的目录结构。CLI 3仅生成构建应用程序所需的文件，让使用者不用关心这些工具的具体配置，从而降低了工具的使用难度。

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.js

图形化界面 ：

安装好了CLI 3的前提下，执行vue ui命令 ，会自动在浏览器打开图形界面。

 

转载于:https://my.oschina.net/u/560237/blog/3009125