[https://segmentfault.com/a/1190000015377243]
记[email protected]和之前版本的差异
@2.9.3的使用
1.下载vue-cli和安装项目
cnpm i -g vue-cli#2.9.3
vue init webpack my-app
2.生成的目录结构
clipboard.png
@3.0以上，目前beta版本的使用
1.下载vue-cli和安装项目
npm install -g @vue/cli
vue create my-project
2.生成的目录结构
clipboard.png
新的目录结构，隐藏了Webpack配置文件，封装了细节
对比2个区别
区别1: 下载npm包的包命变化。 vue-cli ==> @vue/cli
区别2: 生成的vue项目目录的命名改变，同时生成的目录结构，也隐藏了webpack配置文件
区别1变化详解: npm发布了新的包命名规则
https://zcfy.cc/article/the-n…
主要是为了避免名称十分类似的包被搞混，设定了一些更严格的命名方式。
比如react-native已经存在的话，就不允许reactNative或者reactnative之类的包发布了
但是如果你的确你想发布一个react-native，但是发现已经被占用了，你可以使用作用域的方式来发布包名
比如 @react/react-native
区别2变化详解: vue-cli将webpack配置的细节隐藏。需要自己创建vue.config.js来配置
https://cli.vuejs.org/config/
个人尝试过程中的小问题
创建项目目录时vue create my-app报错：write after end
解决办法。降低了npm的版本到@5.6.0。貌似是之前的npm版本6.1.0有点问题