一、环境搭建
1、安装node环境
2、搭建脚手架vue-cli5.0.4,命令:npm install -g @vue/cli
3.如果本身项目环境已存在cli2.0的必须要先卸载,我这边是已经存在的
二、项目搭建
1.构建vue 项目,vue create 项目名称
说明:
- Bable 预编译 勾选
- TypeScript 微软做的,用到的勾选
- Progressive Web App (PWA) Support 优化用的,用到的勾选
- Router 路由 勾选
- Vuex 勾选
- CSS Pre-processors CSS预处理器 勾选
- Linter/Formatter 代码格式化
- Unit Testing 单元测试
- E2E Testing E2E测试
2.构建vue 项目完成,然后开启你的vue3.0之旅吧
温馨提示:
在vscode编辑器打开项目运行时,可能会出现以下报错。因为在系统cmd终端可以运行,这是电脑执行策略的问题,默认情况下,执行策略为不允许任何脚本运行,所以报错。
解决方法: