vue制作甘特图

目录

项目源码下载

一、用到的技术

二、开发使用的IDE

三、搭建开发环境

四、启动项目

五、dhtmlxgantt官网api网址

 六、整套源码下载


项目源码下载

vue制作甘特图项目源码-Node.js文档类资源-CSDN下载本项目主要面向需要使用vue来实现甘特图需求的开发者,项目实现了节点的拖拽,并用导航线连接各个节点,更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/leonMary/85583107

一、用到的技术

vue2dhtmlxganttnodejsnvmnode管理工具)

二、开发使用的IDE

webstorm(版本号2020.3)如果没有webstorm,推荐使用vscode

三、搭建开发环境

第一步:安装nvm

nvm是node管理工具,可以同时管理多个版本的node,在需要的时候,切换不同版本。

将下载的资源包解压,进入其中的nvm文件夹,如下图:

双击nvm-setup.exe进行安装。

注意:一定要将nvm安装到c盘根目录,否则会出现意想不到的问题

安装完成后在命令行输入nvm,可以看到一些关于nvm的使用说明

第二步:安装nodejs

nvm本身提供安装node的命令,在命令行输入nvm install 16.14.0就可以安装版本号为16.14.0的node,安装完成后运行命令nvm use 16.14.0,然后在命令行输入node -v,查看当前使用的node版本。到这里node就已经安装成功,但使用nvm安装node并不是每次都能成功,如果安装node失败,可以使用资源包中提供的node。如下图:

将node-v16.14.0-win-x64文件夹整体复制到nvm根目录下,改名为v16.14.0,效果也是一样的。

四、启动项目

第一步:将下载下来的项目解压缩,目录结构如下图

第二步:用webstorm或vscode打开gantt,项目目录结构如下

第三步:安装yarn

在命令行运行:npm install -g yarn

第四步:安装node依赖包

在gantt根目录下运行:yarn install,安装完毕后项目根目录下出现node_modules文件夹,如下图:

第五步:启动项目

在gantt根目录下运行:vue-cli-service serve,稍等片刻后,项目启动成功,出现如下信息:

第六步:运行项目

在浏览器输入http://localhost:8080/,出现主界面,如下图

五、dhtmlxgantt官网api网址

如果想对dhtmlxgantt有更多的了解,请查看dhtmlxgantt官方api

Events Gantt Docs

 六、整套源码下载

vue制作甘特图项目源码-Node.js文档类资源-CSDN下载本项目主要面向需要使用vue来实现甘特图需求的开发者,项目实现了节点的拖拽,并用导航线连接各个节点,更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/leonMary/85583107

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西山水壶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值