基于vue-cli3.x，使用typescript环境搭建的新vue项目与之前的结构相比有一些变化。下面简单的了解下基本结构：node_modules：项目中安装的依赖模块public：首页文件index.html&&favicon.icon（将之前单独对外的index.html移至public文件夹），index.html我们可以照常使用导入文件（css、js）并写入html文件等基本信息，添加meta标签等src：源代码文件夹，基本上我们的业务逻辑文件应该放在这里package.json：定义各种模块本项目所需的，以及项目配置信息（如名称、版本、许可证等元数据）。npminstall命令会根据这个配置文件自动下载需要的模块，也就是配置项目需要的运行和开发环境current状态下实际安装的每个npm包的具体来源和版本号。可以参考：npminstall生成的package-lock.json文件是什么？有什么用？tsconfig.json：指定用于编译该项目的根文件和编译选项。请参考：tsconfig.jsontslint.json：ts语言的语法检查。具体操作和配置参数可以参考我的另一篇文章：几乎是最好的Vue+Typescript系列01环境搭建src文件，详细目录结构：这里我根据自己平时的项目经验整理了一个分类合理的目录↓api：根据项目业务的不同模块进行分类，封装业务接口，如：assets：静态文件资源，通常我们用来存放一些公共的css，图片，按文件夹划分：common：我们用来放一些公共的ts文件，比如打包好的网络请求utils：这个比较熟悉，存放一些小工具文件存放：vuex状态管理工具的相关文件views&&components：这个涉及到puppet组件和smart组件（后面详细讲解，也可以看其他的materialsfirst）-views:smartcomponents-components:puppetcomponentapp.vue:App.vue组件，整个项目的最外层组件，由三部分组成，一是模板（html），一是脚本，三是style(css)main.ts：入口文件，可以引入一些插件或者静态资源当然导入前必须安装插件router.ts：路由配置文件本文主要介绍基于vue的项目结构-cli3.x，如何让项目看起来更合理更规范，下一篇封装请求说说网络接口
