可视化大屏创建(一)

1.vue init webpack datavxxxx

2.在vue项目中安装echarts,axios,等并在main.js引入

3.  npm install echarts@4.8.0 -save

  npm insatll axios -save

4.将图片素材,样式文件等拷贝到src/assets目录,在App。vue中引用样式文件

5.在components目录下创建组件文件dataV.vue,在route/index.js中配置路由

6.在config目录下index.js文件中,设置代理解决浏览器跨域问题

 

#如果文件下载缓慢,可以考虑以下方法

使用淘宝镜像

  • 执行这行命令,以后你的 npm 就会从淘宝镜像下载包了,速度会比原来快很多。
npm config set -g registry https://registry.npm.taobao.org

类似的问题有maven下载依赖缓慢,也可以通过配置镜像来解决。
阿里巴巴既有maven镜像,又有npm镜像,在开源库上有fastjson、druid等库,不愧是国内互联网老大。

如果只在本次安装中使用镜像

npm install -gd express --registry=http://registry.npm.taobao.org

如果一劳永逸,永远使用镜像

npm config set registry http://registry.npm.taobao.org

这个命令相当于直接修改~/.npmrc文件。

 

 

上一篇:Win10下安装electron,本人的安装过程


下一篇:js仿淘宝购物车