码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-16 16:55:33      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:初始化   ima   可视化   npm   image   目录   eset   features   对话框   

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

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”,选中进行安装。

 

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

标签:初始化   ima   可视化   npm   image   目录   eset   features   对话框   

原文地址:https://www.cnblogs.com/joe235/p/12713744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!