背景
好久没有用vue了,上次用的还是vue2,所以最近想学一下vue3,首先从新建项目开始。刚好我这个电脑从来没有用过vue,所以一切从头开始。
过程
以前我都是用vue-cli新建项目的,这次也不例外。
1.安装vue-cli
yarn global add @vue/cli
2.看下版本
vue --version
3.如果已经安装了vue-cli,需要升级可以进行如下操作
yarn global upgrade --latest @vue/cli
4.创建项目
vue create hello-world
hello-world处是你自己的项目名称,这个指令输入之后,会需要手动选择配置
因为我想用vue3,所以我会选择第一个(按enter选择)
第二个选项是用vue2;第三个是手动配置,你可以在本地写好你的配置,之后新建项目的时候直接复用。
安装好的界面是这样:
接下来就输入图片里的那两个指令,就可以把项目跑起来啦。
question-management是我的项目名,运行的时候指令需要写你自己对应的项目名称。
浏览器输入终端对应的link,可以预览项目:
对应的目录结构是这样: