现在的 vue 脚手架已经升级到4.0的版本了,vue 也已经发布了3.0版本;
我本地现在是Vue CLI 3.0.4, 对于 Vue 3.x 的项目,需要使用 Vue CLI v4.5 以上的版本。如果你的 Vue CLI 版本较低,请自行升级;
安装vue Cli:
yarn global add @vue/cli
# OR
npm install -g @vue/cli
创建项目:
vue create vue-project<项目名称>
依赖说明:
//按空格选中
Vue CLI v4.5.12
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Choose Vue version
(*) Babel //转码器,可以将ES6代码转为ES5代码
(*) TypeScript //TypeScript语法支持,编译后输出为 JavaScript
( ) Progressive Web App (PWA) Support // 渐进式Web应用程序
(*) Router
(*) Vuex
(*) CSS Pre-processors // CSS 预处理器
(*) Linter / Formatter // 代码检查(如:ESlint)
( ) Unit Testing // 单元测试
( ) E2E Testing
项目目录:
项目目录变化不大,目测main.ts引用换个新的方式;单个页面内有略微不同;目前还没有深入学习,技术有更新,我可不能懈怠,加油!!