方式一: grunt-init 和 grunt-init-gruntplugin 官方推荐的方式。参考 官方指引 ,整理如下: 1. 安装 grunt-init 通过 npm install -g grunt-init 命令安装 grunt-init 。 2. 但注意如果在 windows 下,则需要保存的地址需要修改为 %USERPROFILE%\.grunt-init\gruntplugin,其中的 %USERPROFILE% 一般为 C:\Users\[ 注意:window下无法直接将一个文件夹命名为 .grunt-init ,可以借助 cmd 命令,cd 到C:\Users\[user],然后输入命令:md .grunt-init。 3. 执行 grunt-init gruntplugin 在 cmd 中,cd 到 D:\code\grunt-mytest ,执行 grunt-init gruntplugin ,将出现交互式问答,一步一步进行即可
三、使用项目脚手架 目前主要有两种方式能够快速生成项目脚手架,一种是官方推荐的使用 grunt-init 工具,另外一种是借助 Yeoman。 方式一: grunt-init 和 grunt-init-gruntplugin 官方推荐的方式。参考 官方指引 ,整理如下: 1. 安装 grunt-init 通过 npm install -g grunt-init 命令安装 grunt-init 。 2. 注意:window下无法直接将一个文件夹命名为 .grunt-init ,可以借助 cmd 命令,cd 到C:\Users\[user],然后输入命令:md .grunt-init。 3. 执行 grunt-init gruntplugin 在 cmd 中,cd 到 D:\code\grunt-mytest ,执行 grunt-init gruntplugin ,将出现交互式问答,一步一步进行即可
一键自动构建业务系统脚手架,参考Grunt-init。 7. 实现开发代码和浏览器代码自动同步,利用Webpack+ Browser-Sync保存代码自动刷新浏览器。 8.