Vue-devTools安装—创建项目方法2 ui创建——Vue指令综合案例——汽车品牌管理

 目录

项目源代码：

一、vue-devTools安装

 二、案例功能实现

1、新建项目（ui创建）

 2、cnpm导入项目依赖库

 3、删除不需要的代码结构:

 4、修改代码结构

5、添加汽车品牌

插件安装

bootstrap的提示功能

添加bootstrap样式

6、删除汽车品牌

7、查询汽车品牌(过滤)

---

项目源代码：

Vue指令综合案例——汽车品牌管理（项目实战）-Node.js文档类资源-优快云下载

一、vue-devTools安装

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器

开发者工具下调试代码,安装方式：

• 在线安装(需要翻墙)：chrome商店直接搜索安装
• 离线安装:

将已经下载解压的vue.js.devTools插件目录手动加载到chrome浏览器的扩展程序中

chrome商店：https://chrome.google.com/webstore/category/extensions

 

~~~注：这里可以找到我博客中资源，自行下载，内附安装教程

下载地址：vue-devTools安装谷歌浏览器拓展程序-Node.js文档类资源-优快云下载

安装插件： 

 扩展程序中出现如下，则安装成功：

 二、案例功能实现

1、新建项目（ui创建）

 vue创建项目两种方式：

• create+项目名
• vue ui

第一种create创建，参考VS code创建Vue项目 方法1：create+项目_Siobhan. 明鑫的博客-优快云博客

接下来我们使用第二种创建 ：

1.打开vs code，在终端命令窗口输入：vue ui。如下：

 2.此时会自动跳转到打开【vue项目仪表盘】