Vue3学习（二）新建项目

Vue3学习（二）新建项目

1.创建项目

2.基本设置

3.运行项目

1.创建项目

（1）运行cmd 或 PowerSell

（2）切换至需要建立项目的盘符或目录

本实例的项目是在D盘建立，所以直接在命令行输入d:回车！

（3）输入

 vue create vue-hello

选择创建方式，实例中选择自定义，3

1.Vue2

2.Vue3

3.自定义

自定义说明：空格选择，回车进入下一步！

1.选择Vue的版本，下一步的时候选择Vue版本

2.解析ES6代码，对于一些ie浏览器，甚至FF浏览器，低版本的还不能识别ES6代码，那么VUE里面需要去写ES6的代码，这个时候就可以用babel这个工具将ES6的代码转译成浏览器能识别的代码

3.TypeScript，支持使用 TypeScript 书写源码。

4.PWA 支持，谷歌推出的

5.支持路由

6.Vuex， Vue.js 设计的状态管理库

7.支持 CSS 预处理器

8.支持代码风格检查和格式化

9.支持单元测试

10.支持E2E测试

选择Vue版本，这里选择3.x

使用History 模型路由

配置文件是单独的，还是分开的

是否保存当前设置为模版，N

创建完成

3.运行项目，测试是否成功！

（1）进行项目目录

（2）运行项目

（3）运行成功

（4）通过浏览器访问地址：http://localhost:8080/

至此项目创建成功