提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
前言
搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。
提示：以下是本篇文章正文内容，下面案例可供参考
一、现成模板
github上比较好的项目模板： 使用 git 直接克隆到本地即可
react-boilerplate => https://github.com/react-boilerplate/react-boilerplate
ant-design-pro => https://github.com/ant-design/ant-design-pro
vue-element-admin => https://github.com/PanJiaChen/vue-element-admin
react-starter-kit => https://github.com/bodyno/react-starter-kit
create-react-app
create-lila-app（我自己用的，哈哈） => https://github.com/senntyou/lila
二、使用命令行创建
这种方式需要安装相应的命令，然后由命令来创建项目。
以 create-react-app 为例：
安装命令：
npm install -g create-react-app
创建项目：
create-react-app my-app
运行应用：
cd my-app
npm start
2.读入数据
代码如下（示例）：
data = pd.read_csv(
'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())
3.自己搭建项目骨架
如果你需要定制化，可以选择自己搭建项目的骨架，但这需要开发者对构建工具如 webpack、npm、node 及其生态等有相当的了解与应用，才能完美的把控整个项目。
3.1选择合适的规范来写代码
js 模块化的发展大致有这样一个过程 iife => commonjs/amd => es6，而在这几个规范中：
iife: js 原生支持，但一般不会直接使用这种规范写代码
amd: requirejs 定义的加载规范，但随着构建工具的出现，便一般不会用这种规范写代码
commonjs: node 的模块加载规范，一般会用这种规范写 node 程序
es6: ECMAScript2015 定义的模块加载规范，需要转码后浏览器才能运行
这里推荐使用 es6 的模块化规范来写代码，然后用工具转换成 es5 的代码，并且 es6 的代码可以使用 Tree shaking 功能。
参考：
IIFE(Immediately-invoked function expression)
Tree shaking
webpack – tree-shaking
webpack 如何优雅的使用tree-shaking（摇树优化）