D3.js在vue-cli中安装与使用

1、vue-cli安装

npm install -g vue-cli

2、项目名初始化

vue init webpack my-project(my-project为自己取得项目名)

3、安装依赖

npm install

4、启动项目

npm run dev

5、D3安装

npm install d3 --save-dev

6、D3引入(在要使用的.vue页面,在main.js中引入无效

import * as d3 from 'd3'
7、搭建服务器
npm install http-server -g 
说明:之上前四步为vue-cli的安装,后面为D3的安装以及使用。在不访问本地数据的时候,服务器不是必须的。如有不足,欢迎大家指正。
 

 

posted @ 2017-12-12 09:21  傻黑天黑傻  阅读(405)  评论(0编辑  收藏  举报