[VueCli]新建一个 vue3 项目

56 阅读1分钟

背景

好久没有用vue了,上次用的还是vue2,所以最近想学一下vue3,首先从新建项目开始。刚好我这个电脑从来没有用过vue,所以一切从头开始。

过程

以前我都是用vue-cli新建项目的,这次也不例外。

1.安装vue-cli

yarn global add @vue/cli

image.png

2.看下版本

vue --version

image.png

3.如果已经安装了vue-cli,需要升级可以进行如下操作

yarn global upgrade --latest @vue/cli

4.创建项目

vue create hello-world

hello-world处是你自己的项目名称,这个指令输入之后,会需要手动选择配置

image.png

因为我想用vue3,所以我会选择第一个(按enter选择)

第二个选项是用vue2;第三个是手动配置,你可以在本地写好你的配置,之后新建项目的时候直接复用。

安装好的界面是这样:

image.png

接下来就输入图片里的那两个指令,就可以把项目跑起来啦。

image.png

question-management是我的项目名,运行的时候指令需要写你自己对应的项目名称。

浏览器输入终端对应的link,可以预览项目:

image.png

对应的目录结构是这样:

image.png

refer