vue3.0+ts集成jquery、bootstrap、jquery.dataTable插件、echart

先看运行效果：

1、首先查看开发环境，IDE使用的是vscode，如下图所示：

2、然后根据使用vue创建项目，如下命令：

vue create myweb

如下图所示：

3、然后选择Manually select features，表示自选项目配置（按上下键即可选择），如下图所示：

4、按回车键进入下一级，如下图所示：

Babel：表示ES6转ES5

TypeScript：表示JS超集

Progressive Web App (PWA) Support ：表示渐进式Web应用

Router：表示路由

Vuex：表示状态管理

CSS Pre-processors：表示CSS预处理

Linter / Formatter：表示规范类型

Unit Testing ：表示测试

E2E Testing：表示测试

5、这里选择如下图所示（按上下键选择后按空格键即可选择上）：

6、回车进入下一级，如下图所示：

7、这里是选择使用2.x还是3.x版本的vue，这里选择3.x的，如下图所示：

8、回车后凡是出现让输入y/n时都一律输入y，此时选择Less回车表示CSS预处理器选择，如下图所示：

9、回车后选择哪个ESLint自动化代码格式化检测，默认即可，如下图所示：

10、选择语法检查的时期，Lint on save表示保存时检查，Lint and fix on commit表示提交时检查，这里选择保存时检查，如下图所示：

11、配置文件的存放位置，可以全部放置在package.json中，也可以放置在独立文件中，如果选择package.json则rules规则会放到package.json文件中配置，如果是选择独立文件，则rules规则会放到.eslintrc.js文件中配置，这里默认直接回车，如下图所示：

12、是否保存此预设，如果选择yes的下次就不用进行配置了，如下图所示：

13、输入y后直接回车，一直回车即可，此时就会下载对应的npm包，如下图所示：

14、等下载完成之后会生成一个目录，如下图所示：

15、此时生成的目录以及文件如下图所示：

16、然后运行npm run serve即可，如下图所示：

17、最后浏览器中会自动打开，如下图所示：

18、由于集成jquery、bootstrap、jquery.dataTable插件、echart涉及到的配置比较多，而且有很多涉及到的强制语法检查会出现各种各样的错误（比如必须使用两个空格、注释等），这些都需要在配置中进行配置，因此就不一一介绍了，现将项目打个包可以去下载，下载地址为：https://download.csdn.net/download/sunxiaoju/13081267

19、下载好之后执行npm install、npm run serve即可。