前端学习

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

2020-05-02  本文已影响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一样的写法,执行打包的时候会和原有配置自动合并

上一篇 下一篇

猜你喜欢

热点阅读