Vue + ElementUI的电商管理系统实例00 创建项目及初始化

Posted 2021-02-28 joe235

上次不小心删除了，这里补发下。

1、打开终端窗口，输入：

vue ui

打开可视化UI面板的 Vue 项目管理器。

2、点击创建，进入目录选择，选择你需要存放项目的路径，然后点击“+ 在此创建新项目”。

然后输入项目的名称（要英文），包管理器-选择：npm，初始化 git 仓库-可以输入：init project 。点击下一步进入预设面板。

在预设面板中可以选择你以前使用保存过的预设，也可以选择默认或者手动设置。

3、手动配置

点击手动配置后，下一步进入功能面板，这里可以选择安装一下主要的功能。

首先 Babel 必须要安装，

然后是 Router 路由要安装，

Vuex 需要的可以选择安装，

Linter / Formatter 这个一定要安装，代码的格式效验。

最后 使用配置文件 也要安装，这里可以将不同的配置单独存放为一个文件。

点击下一步，进入到配置面板。

4、配置

1）询问是否使用 history 模式的路由，这里可以关上，我们使用 hash 模式的路由，它的兼容性更强一些。

2）Linter / Formatter 配置文件格式：点击下拉菜单，选择 ESLint + Standard config 标准的配置文件。

3）Pick additional lint features ：这个选择 Lint on save ，表示保存后即对代码进行效验。

点击创建项目。

然后会弹出一个对话框，问你是否对刚才的操作，保存为一个新的预设，希望保存的话就要起个名字。（比如：vue_shop_preset）

这里根据自己的需要选择就可以了。

创新项目需要一些时间，等待一会儿，成功后会进入到：

5、安装依赖

选择左侧菜单的依赖项，然后点击右上角的安装依赖，在运行依赖中搜索“axios”，选中进行安装。