手把手教你搭建vue3-demo项目

前段时间，自己搭建了vue3的项目，今天来总结一下~

搭建准备        

node.js&npm本地开发环境
安装vue-cli3（需要安装3.x以上版本）

• npm install -g @vue/cli
• vue -V

 创建项目

• vue create 【项目名】

默认安装vue2
默认安装vue3
自定义安装

 【我们选择第三个自定义安装】

• Choose Vue version（选择VUE版本）
• Babel（JavaScript 编译器，可将代码转换为向后兼容）
• TypeScript（编程语言，大型项目建议使用）
• Progressive Web App (PWA) Support-APP使用
• Router（路由）
• Vuex（Vuex）
• CSS Pre-processors（css预处理）
• Linter / Formatter（代码风格/格式化）
• Unit Testing（单元测试）
• E2E Testing（e2e测试）

【（*号代表选中）根据自己项目需求空格选中，选中完回车确认】 

【选择vue版本，选择3.x】 

【成功后用编译器启动 npm run serve 即可】

启动项目

 好啦~整个vue3的搭建流程就这么简单~

喜欢就关注点赞一下呗，彼此共勉~