美文网首页前端学习
Vue-脚手架创建项目(六)

Vue-脚手架创建项目(六)

作者: 小二哥很二 | 来源:发表于2020-05-02 20:20 被阅读0次

    当脚手架安装完毕后,我们就可以创建项目了,创建项目方式有很多,同时脚手架2和3的创建方式也不一样,小二这里以@vue/cli 4.2.3为例做的笔记:

    1、创建项目
    1)第一种方法:
    在所在文件目录位置打开终端,输入命令:vue create 项目名称,然后选择所需的安装
    2)第二种方法:
    打开终端输入命令:vue ui,会提示打开http://localhost:8000

    vue-ui

    2、插件配置
    第一种方法创建的项目目录里,是没有管理插件的文件,隐藏了,要通过第二种方法
    1)点击导入→选择对应目录→点击导入此文件夹

    插件管理

    2)通过步骤1),就可以看到很多配置,插件显示所安装的插件,如果需要其它依赖,就可以直接安装了:

    安装依赖

    3)配置一般不改,改的时候在根据需求而定
    4)任务:除了可以在终端运行,也可以在vue-ui里的任务运行

    任务运行

    5)其实在项目目录里也可以找到配置文件,只是隐藏的很深:

    目录里隐藏的配置

    6)有时候如果实在需要自己添加配置依赖,可以在项目根目录下添加:
    vue.config.js

    此文件名不允许更改,固定写法,然后就可以在里面写入所需配置,跟webpack.config.js一样的写法,执行打包的时候会和原有配置自动合并

    相关文章

      网友评论

        本文标题:Vue-脚手架创建项目(六)

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