环境:Win10 DOS 命令行。

1、安装vue cli3:npm install -g @vue/cli@3(安装完毕后可尝试输入vue -V 看是否弹出vue的版本号,是则进行下一步。已装的请跳过本步骤)

快速搭建vue3.0+vuetify2.0

 

 

 2、创建项目:vue create + 项目名称 (可先进入指定位置:   CD +路径 ,不会的可自行百度)

快速搭建vue3.0+vuetify2.0

快速搭建vue3.0+vuetify2.0

 

 

 3、紧接着与创建项目相关的选择见截图:

 ①:选Manually select features,回车;

快速搭建vue3.0+vuetify2.0

 

 

 

 ②:按空格键选中:选择Babel,Router,Linter;

快速搭建vue3.0+vuetify2.0

 ③:输入Y,回车;

快速搭建vue3.0+vuetify2.0

 

  ④:输入Yes,回车;

快速搭建vue3.0+vuetify2.0

 

 

 ⑤:选第一个:ESLint with error prevention only,回车;

快速搭建vue3.0+vuetify2.0

 

 

  ⑥:选第一个:Lint on save,回车;

快速搭建vue3.0+vuetify2.0

 

 ⑦:选第二个:In package.json,回车;

 快速搭建vue3.0+vuetify2.0

 

  ⑧:最后一步,输入N,回车。

快速搭建vue3.0+vuetify2.0

 

 

4、创建成功如下截图所示:

快速搭建vue3.0+vuetify2.0

 

5、进入到项目文件夹:cd frontend,回车后执行npm run serve,成功后输入:http://localhost:8080/ 访问,能看到Vuetify的界面即大功告成;

快速搭建vue3.0+vuetify2.0

 

 快速搭建vue3.0+vuetify2.0

 

快速搭建vue3.0+vuetify2.0

 

相关文章:

  • 2021-07-06
  • 2021-07-23
  • 2021-06-02
  • 2021-12-23
  • 2022-01-28
  • 2022-01-18
  • 2021-08-29
  • 2021-09-01
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
  • 2021-06-28
  • 2021-04-04
  • 2021-05-25
相关资源
相似解决方案