cooking搭建简易Vue开发环境（入门）

首先附上cooking的官方文档地址：http://elemefe.github.io/cooking/

就像cooking官方介绍的一样，cooking是一款不仅简单而且高效的前端构建工具，适合于新手上路，不需要发杂的webpack就可以构建出优雅的开发环境。下面，我们就一起熟悉这款工具。

1.环境

---

相信看到这里的童鞋都是对vue有一定了解的，所以也都知道一些必备的基础知识，比如node，npm，webpack等。

cooking的官方文档上有明确说明，要在NPM 3+，Node 4+ ，Python 2.7+ 环境下运行。这是保障正常运行的基础。

2.安装cooking

---

2.1  创建空项目

• 创建文件夹

mkdir cooking_test

• 进入文件夹

cd cooking_test

• 初始化git仓库

git init

• 初始化项目，一路回车就好

npm init

     这时，可以看到已经创建了一个名为cooking_test的文件夹，并且在文件夹内已经生成一个package.json文件。

     

2.2  安装cooking

• 首先要安装cooking的命令行

npm i cooking -D   // i 是 install 的简写，－D 是 --dev-save 的简写

• 安装完cooking就需要安装一些依赖，这些也就是搭建一个最基础的前端开发环境会用到的东西：babel 处理 ES2015；postcss、css-loader、style-loader 处理 CSS 文件；html-webpack-plugin 用来生成