在使用之前先了解一下3.0和2.0的区别1.新增对TypeScript和PWA的支持2.部分命令发生变化：1.下载安装npmi-g@vue/cli2。删除了vuelist3。创建项目vuecreate4。启动项目npmrunserve3.默认的项目目录结构也发生了变化1.去掉了默认的配置文件目录，config和build文件夹2.去掉了static文件夹，添加了public文件夹，并将index.html移到了public3.添加了一个src文件夹下的views文件夹，用于分类视图组件和公共组件注意：vue-cli>=3和旧版本使用相同的vue命令，因此vue-cli2被覆盖。如果还想使用老版本的vueinit功能，可以使用一个桥接工具npmi-g@vue/cli-initvueinitwebpackmy-project下面进入正题，安装并创建项目先安装npm3.0,安装前如果曾经安装过vue-cli2的，由于vue-cli升级到3，包名由vue-cli改为@vue/cli。如果安装了旧版本，建议先卸载旧版本再安装新版本。//卸载说明如下：npmuninstallvue-cli-goryarnglobalremovevue-clinpminstall-g@vue/cliNextstepCreateprojectfilevuecreateprojectname//项目名称Nextstep选择快捷安装配置上一个是你之前安装的项目配置，第二个是默认配置，最后一个是自己配置，建议选择最后一个和下一步自己选择安装配置这个自己选择的配置，按up和下键切换目标选项，按空格键勾选取消，按a完成选择，按i反选，选择后回车确认1.babel，翻译成浏览器可以识别的语言，让你的项目支持更新的语法，比如es6\es7等2.TypeScript，一个新的tab3.PWA，模拟原生app，渐进式web应用4.路由5.Vuex管理mode6.CSS预处理语言7.代码规范8.组件单元测试9.端到端测试，模拟真实用户场景下一步选择css预处理语言下一步选择代码规范配置1.仅错误提示；2、非严谨模式；3.普通模式；4.严格模式；会有这个配置让你选择下一步选择第一个独立文件夹中_babel、postcss、eslint_配置文件的存放位置，第二个在package.json中，建议选择第一步填写项目描述然后开始创建项目，下载依赖等待进度条完成，项目创建完成最后我们开始进入项目根目录，运行项目试试cdD:\test\test//回车你的项目根目录，或者在Shift+右键点击你项目的根目录，点击这里打开命令窗口npmrunserve//运行项目参考文档：https://cli.vuejs.org/_官方说明VueCLI3_
