初始化项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们先去给要创建的前端的项目创建一个目录。在命令行的下面创建目录用的是 mkdir 这个命令,windows 上应该使用 md 命令。后面加上目录的名字 ... 输入 ninghao ..

mkdir ninghao-gulp

创建好以后,再进入到这个目录的下面,可以使用 cd 命令。

cd ninghao-gulp

npm,需要一个叫 package.json 的文件来管理依赖,可以手工去创建这个文件,也可以使用 npm init 这个命令。 输入 npm init ...

npm init

这行命令会问我们一些问题。name,指定一下项目的名称,默认会用这个项目目录的名字,按下回车。version 就是这个项目的版本,输入 0.0.1 ...

description,是这个项目的描述,Gulp course by ninghao.net ... entry point ,没有 ... 回车 ... test command,测试命令,也没有 ... 再回车 ... 这个项目的 git 版本库,也还没有,回车 ... keywords ,关键词。回车 ... author ,作者,输入 wanghao ... license ... 项目的许可协议,暂时也不用管,再按一下回车。

最后这里会出现一个要创建的 package.json 文件的内容,没有问题的话,可以再按一下回车。

查看一下这个目录里的东西 ... ls ,windows 用户可以使用 dir 命令 ... 你会看到一个 package.json 文件。这就是刚才使用 npm init 命令创建的文件。 下面,我们可以使用编辑器打开这个目录 ... 这里我用的是 atom 这个编辑器。 在命令行下面,可以输入 atom . 表示用 atom 这个编辑器打开当前的目录。

找到 package.json ... 现在你看到的就是一个 json 格式的文件,里面的内容其实就是描述了一下我们的项目,比如项目的名字,作者,描述等等。我们的项目需要的 nodejs 模块,可以在这个文件里列出来 ... 下面,我们再去在项目里面安装一下需要的 gulp 这个模块。

回到命令行工具 .. 输入 npm install gulp ... 注意这回我们没有使用 -g 这个参数 ... 这样就可以把模块直接安装到项目下面。 这里我们可以再加上一个 --save-dev 选项,这样会把要安装的东西,添加到 package.json 这个文件里面。

npm install gulp --save-dev

回到用编辑器打开的项目。这里你会发现在项目下面, 多了一个叫 node_modules 的目录 ... 在这个目录的下面,你会看到刚才安装的 gulp 这个模块。再打开这个 package.json 文件 ... 你会看到这个文件里,会多了一个依赖 ... 这里会有 gulp ... 这个 dev 表示在开发的时候依赖的东西。

现在,我们可以删除掉 node_modules 这个目录 ... 然后用一行命令,可以安装所有的,在 package.json 文件里面列出来的依赖的东西。

回到命令行,删除目录可以使用 rm 命令。 先加上一个 sudo ,rm 再加上 -rf , 后面是要删除的东西,node_modules ... 现在, 这个 node_modules 就让我们删除掉了。

想要下载项目所有的依赖的模块,可以执行一下 npm install ...

你会发现,被删除掉的 node_modules 目录又出现在了这里,它的下面,会有一个 gulp 模块,因为我们在 package.json 里面说明了一下,项目需要用到 gulp 模块,这样在执行 npm install 的j时候,就会去把它安装到项目下面。

初始化项目《 Gulp 自动化任务 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点