第一步:安装vue-cli

npm install -g @vue/cli

检测是否安装成功 vue -V:

$ vue -V
@vue/cli 4.5.6

第二步:初始化项目vue create project-name

 vue create ui
注意这里如果选择vue 3,会创建最为纯洁的vue项目

《vue 3.0探险记》- 初始化项目_公众号


《vue 3.0探险记》- 初始化项目_公众号_02

如果选择Manaually, 会让你选择一些pe

《vue 3.0探险记》- 初始化项目_微信_03

第三步: 运行项目 yarn serve

《vue 3.0探险记》- 初始化项目_初始化_04

打开项目查看vue版本:

《vue 3.0探险记》- 初始化项目_初始化_05


此时是单独安装vue,整个项目较之前也简单了很多,选择Manaually会预安装的一些组件,这样子也好,之后再单独引入组件的时候,会有更深入的了解。

《vue 3.0探险记》- 初始化项目_初始化_06



公众号:前端微说