vue3发布这么久了，由于工作和各种原因，一直没能真正上手用vue3写项目。目前工作中也一直没能用到vue3，但时间挺多的，就抽时间学习一下vue3。今天的内容是从零开始搭建一个vue3项目。

vue3项目搭建

1. 安装或升级脚手架

需要保证vue cli版本在4.5.0以上才可以使用vue3，vue -V可以查看下vue cli的版本，在4.5.0以下的就可以执行下行命令升级版本。

npm install -g @vue/cli

1. 创建vue项目

项目名自己起，我这里用的是vue create vue3-project

vue create 项目名

Manually select features--手动选择。 手动选择需要哪些插件，按空格加*号表示需要，学习使用就没加linter和一些单元测试。 选择vue.js的版本，选择3.x 是否使用es6类的语法来创建组件，输入n，因为使用这个需要写很多修饰符，一般是vue2中为了兼容Ts才使用。 是否使用babel，是（直接回车默认就是yes）；是否用history路由模式，是；选择写样式的方法，我选的less;一些配置是放在package.json还是单独的文件里面，选择单独的文件，就是dedicated config files；在之后的项目中是否保留这些设置，我选n，不保留。等待项目创建。 还有可能让你选择用npm还是yarn，我选的npm，可根据自己喜好自行选择。

1. 项目创建成功后，进入该项目（我的项目名是vue3-project）

cd vue3-project/

1. 启动该项目（我用的npm）

npm run serve

项目文件

1. 项目组成

多了一些ts后缀的文件，在vue2中一些js文件也变成了ts后缀。 2. 简单对比vue2

在main、store、router中可以看到，vue3是引入createApp、createStore、createRouter等这些全局api，vue2中使用new Vue方式。

vue3中script要设置lang=ts，vue2中是直接导出一个对象，vue3中使用defineComponent来包含一个对象。

vue3项目创建成功，下节继续学习vue3中一些api的使用。