什么是 slush-snazzie-generator
slush-snazzie-generator 是一款基于 slush 的前端模板生成器,它能够快速创建基于 gulp、sass、browser-sync 的前端模板工程。通过 slush-snazzie-generator 创建的工程,能够让开发者快速入门到前端项目开发中,其核心的代码由三部分组合而成:
- gulp:前端工程构建工具;
- sass:css 预处理器;
- browser-sync:提供实时浏览器预览。
通过这三部分的协作,开发者能够更加高效地进行前端项目开发。
slush-snazzie-generator 的使用
系统要求
- node.js:8.9.0 或更高版本;
- npm:5.5.1 或更高版本。
安装 slush-snazzie-generator
npm install -g slush slush-snazzie-generator
使用 slush-snazzie-generator
- 创建一个新的项目目录:
mkdir my-new-project cd my-new-project
- 在终端输入以下指令(
generator:snazzie
是 slush-snazzie-generator 的关键字):
slush snazzie
按照提示输入项目信息,如项目名、作者、描述等。
完成项目信息输入后,运行以下指令启动工程:
npm start
slush-snazzie-generator 的配置
slush-snazzie-generator 同样支持配置修改,你只需要按照以下步骤进行即可:
- 打开
slushfile.js
文件,你会看到类似这样的代码:
-- -------------------- ---- ------- -------------------- -------------- - ----- ------- - --- --------- ------------- ----- -------------- -------- ----- -- --- ---- -- --- ---------- -------- --------------------------------------------- -- ----- -- - ----- -------------- -------- ----- -- --- ----------- -- --- ---------- -------- -- ------- ---------- -- - ----- --------- -------- ----- -- ---- ------- -------- ------------------- ---
- 在代码中你可以根据你的需求对
prompts.ask()
函数进行修改,并添加新的选项,如新增数据库选项等。
slush-snazzie-generator 其他命令
除了启动工程的 start
命令,slush-snazzie-generator 还支持其他以下命令:
ejs
:创建一个 ejs 模板文件;mocha
:创建一个 mocha 单元测试文件;js
:创建一个 javascript 文件。
示例代码
-- -------------------- ---- ------- -- ----------- ----- - ---- ----- ------ ------- -------- - - ---------------- ----- ----------- - --------------------------------- ----- ----------- - ----------------------------- ----- ---- - --------------------- ----- ------ - ----------------------- ----- ------ - ----------------------- ----- ----- - ---------------------- -------- ------- - ------------------ ------- - -------- ---------- -- --- ------------------------ -------------- ------------------------ ------------- ---------------------- ------------ - -------- ------ - ------ ---------------------- -------------------- --------------------- ---------------------------- - -------- ----- - ------ ------------------------ ------------------------ --------------- -------------------------- ------------------------- ---------------------------- - -------- ---- - ------ ----------------------- -------------- -------------- --------- ----- --- -------------- ------- ------ --- ------------------------ ---------------------------- - --------------- - --------------------- ---- ---- -------
-- -------------------- ---- ------- ---- ---- --- --------- ----- ------ ------ ----- --------------- -- ---------- ----------- ---------- ----- --------------- ---------------------------- ---------------- -- ----- ---------------- ---------------------- -- ------- ------ ----------- -- --- ----------- ------- ------ ----------- ------ ------- ------------------------------- ------- -------
-- -------------------- ---- ------- -- ------ -- ---- - ---------- ----- -- - ---------- ----- - - - ---------- ----- - -
总结
slush-snazzie-generator 是一款优秀的前端模板生成器,它可以帮助前端开发者快速地创建基于 gulp、sass、browser-sync 的前端工程,在开发中能够提高开发效率。通过上述教程,希望您能够迅速掌握和使用该工具,另外,如果您有更好的建议和使用体验感受,欢迎评论留言。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055d3781e8991b448daf8a