01. 开发环境构筑

开发工具

No 工具类型 工具名称 版本
1 Javascript环境 NodeJS 10.8.0
2 开发工具 Visual Studio Code 1.30.2
3 模块打包器 webpack 4.29.0
4 ES5规格转换工具 Babel 7.2.2


开发环境构筑方法

  1. 安装并配置 NodeJS
    • 在系统环境变量path中添加NodeJS安装路径
    • 在命令行窗体输入 【 node –version 】命令,如果出现版本号,表明成功
  2. 安装 Visual Studio Code
  3. 下载 TCharts源码
  4. 用VSCode打开源代码文件夹
  5. 点击VSCode菜单【终端】-【新建终端】。
    在终端中输入命令 【 npm install 】,安装依赖包
    vscode
  6. 在VSCode左侧条状栏目中点击【扩展】,查找并安装如下扩展:
    • ESlint - js代码规范和错误检查工具
    • Live Server - 简单的开发用的Http服务器
  7. 环境验证
    在终端中输入命令【 npm run build-d5 】,正常结束后,查看【dist】目录,如果js文件被生成,表明环境构筑成功。

*关于webpack配置和使用方法,请自行掌握。