当脚手架安装完毕后,我们就可以创建项目了,创建项目方式有很多,同时脚手架2和3的创建方式也不一样,小二这里以@vue/cli 4.2.3为例做的笔记:
1、创建项目
1)第一种方法:
在所在文件目录位置打开终端,输入命令:vue create 项目名称
,然后选择所需的安装
2)第二种方法:
打开终端输入命令:vue ui
,会提示打开http://localhost:8000

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

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

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

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

6)有时候如果实在需要自己添加配置依赖,可以在项目根目录下添加:
vue.config.js
,
此文件名不允许更改,固定写法,然后就可以在里面写入所需配置,跟webpack.config.js一样的写法,执行打包的时候会和原有配置自动合并
网友评论