前段时间,自己搭建了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的搭建流程就这么简单~
喜欢就关注点赞一下呗,彼此共勉~