根据B站朝夕教育的芳芳老师的视频写的:
B站视频
安装
vue-cli
脚手架构建工具
vue-cli
提供一个官方命令行工具,可用于快速搭建大型单页应用。
1
、
cnpm install -g @vue/cli
查看脚手架版本
vue -V
创建项目
vue create
项目名称
![](https://img-blog.csdnimg.cn/direct/bde256463042499ba9f1581979e93ef9.png)
package.json
文件中
devDependencies
和
dependencies
的区
别
dependencies
,依赖的意思,这些安装包都是程序所依赖的包
,
需要发布到生产环境的
.
dev
即
develop
,开发的意思,也就是开发环境下的依赖。
例如安装
axios
安装到开发环境
npm axios --save-dev
安装到生产环境
npm axios --save
区别:
devDependencies
中的插件只用于开发环境,不用于生产环境,而
dependencies
是要发布到生产环境
的。比如
babel
有关的转化
es6
到
es5
的依赖只是开发环境下转化用,生产过程中是用不到,所以只用写
在
devDependencies
中,而像
vue
或
element-ui
这种实际运行会调用,得写在
dependencies
中。
DataV——
大屏数据展示组件库
![](https://img-blog.csdnimg.cn/direct/2ee38d4acf8a43189d32f51032283692.png)
组件库基于
Vue
(
React
版) ,主要用于构建大屏(
全屏
)数据展示页面即
数据可视化
,具有多种类型
组件可供使用:
边框
带有不同边框的容器
装饰
用来点缀页面效果,增加视觉效果
图表
图表组件基于
charts
封装,轻量,易用
其他
飞线图
/
水位图
/
轮播表
安装
npm安装:npm i @jiaminghi/data-view -S
yarn安装:yarn add @jiaminghi/data-view -S
-
后面添加-d:在开发环境下进行安装
-
后面添加-S:在生产环境下进行安装
![](https://img-blog.csdnimg.cn/direct/c65b6b5fb0cb498b9ad9c544db10bc5e.png)
使用
在main.js中引入DataV
import dataV from '@jiaminghi/data-view';
Vue.use(dataV);