美文网首页
VUE3(二)使用vue-cli创建一个项目

VUE3(二)使用vue-cli创建一个项目

作者: camellias__ | 来源:发表于2021-02-25 13:52 被阅读0次

    VUE3官方推荐使用vite来构建项目,但是并不是说之前使用vue-cli创建项目就不行了。

    使用vue-cli创建项目,要确保你的vue-cli的版本要大于4.5.6.

    一:安装vue-cli

    建议使用 npm 安装

    Yarn 安装不会默认安装 vue 命令。

    1:命令

    npm install -g @vue/cli
    

    2:升级命令

    npm update -g @vue/cli
    

    3:查看版本

    vue --version
    

    二:使用命令行创建项目

    vue create vue3-test
    

    大概需要以下几个步骤:

    1:选择安装版本,我们选择第三个自定义安装

    111.png

    2:选择你安装的插件,使用空格选择/取消

    222.png

    3:选择vue版本,我们选择3.x

    333.png

    4:选择你要的代码风格,路由是否使用历史模式,以及代码检索模式

    444.png

    5:创建成功,会显示两条命令。使用这两条命令,即可运行项目

    555.png

    三:使用图形界面创建项目

    1:打开图形界面

    vue ui
    

    2:创建步骤是与使用命令行创建是一样的。

    (1):创建项目

    666.png

    (2):选择创建项目模式

    777.png

    (3):预安装插件

    888.png

    (4):选择VUE版本等

    999.png

    (5):创建成功

    101010.png

    有好的建议,请在下方输入你的评论。

    欢迎访问个人博客
    https://guanchao.site

    相关文章

      网友评论

          本文标题:VUE3(二)使用vue-cli创建一个项目

          本文链接:https://www.haomeiwen.com/subject/setufltx.html