首先附上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
用来生成 HTML 模板等等。暂时不用关心这些,