什么是 generator-donejs
generator-donejs 是一个脚手架工具，它可以快捷地创建一个 DoneJS 应用程序，包括以下组件：
- 一个使用 Express 和 Socket.IO 的 Node.js 服务器
- 使用兼容 ES6 规范的 JavaScript 编写的客户端应用程序
- 支持路由、视图和组件的 CanJS 客户端框架
- 支持数据模型的 FeathersJS 客户端框架
使用 generator-donejs 可以大大加速 DoneJS 应用程序的开发过程，减少繁琐的配置工作，让开发者专注于业务逻辑的实现。
如何安装 generator-donejs
首先你需要安装 Node.js 和 npm。安装完成后，在命令行界面中执行以下命令：
npm install -g generator-donejs
这个命令会通过 npm 全局安装 generator-donejs 包。安装完成后，你就可以在命令行中使用 yo donejs 命令了。
如何使用 generator-donejs
使用 generator-donejs 创建一个 DoneJS 应用程序非常容易，只需执行以下几个简单的步骤：
1. 创建应用程序
在你想要创建 DoneJS 应用程序的位置，使用命令行执行以下命令：
yo donejs这个命令会提示你输入应用程序的名称等信息，根据提示输入后就会开始创建应用程序。完成后，你会在当前目录下看到一个新建的 DoneJS 应用程序。
2. 运行应用程序
进入应用程序所在目录，在命令行中执行以下命令：
donejs develop这个命令会启动一个开发服务器，在浏览器中访问 http://localhost:8080 就可以看到应用程序了。
3. 修改应用程序
你可以在应用程序目录下找到 client 和 server 两个目录，其中 client 目录是前端应用程序的代码，server 目录是 Node.js 服务器的代码。你可以根据自己的需求修改这些代码，DoneJS 会自动监测并重新编译和重新启动服务器。
4. 发布应用程序
当你完成开发后，可以使用以下命令将应用程序打包成生产环境可用的代码：
donejs build这个命令会生成一些静态资源文件，你可以将这些文件上传到你的服务器上，就可以在生产环境中使用了。
示例代码
src/client/app.js
-- -------------------- ---- ------- ------ ----------------- ------ ------------- ------ --------------------- ------ ---------------------- ------ --------------------------- ------ ---------------------- ------ -------------------- ------ ------------------ ------ -------------- ------ ------------------------------------ ------ ------------------ ------ -------------------- ----- ------------ - ------------------ ----------- --------- --- ----- --------- - --- --------------- -------------- - ---------- ------------------ - ----- ------- --- ----- ----------- - - --------------- ---------------------------------------------- ------------------- ---- ------------- ---------------- ---- ------------------------ ---- ---------------------- ------- ------------- -------------------- ---------- ---------------------- ------------------------------------------- ---------------------- ----- ---------------------- ----------------- ----- ------------------------ ----- ------------------------ ----- ------------------------ --------- -- -------------------- ------------------- ------ ---- --------------- ---------------- ---------------------------------- --- ---------- ------------ --- ------------ ---------- ------------------------- ---------------- ----------------------- --- ------------ ---------- -------------------------- ---------------- ------------------------- ----- ------ ------ ------ ---- ---------------------- ---------------- ---- ------------ ---- ------------------ --------- ------------ ------- -------- ----------------------- --------- ------- --------- ------------------------- --------- ----------- ------ ------ ------ -------------------- -- ---------------------- ---- ----------- ---------- - ----------- --------- -- ----- ------------ ---展开代码
src/client/pages/home/home.js
-- -------------------- ---- ------- ------ ---------------------- ------ ------------------ ----- ------------- - ------------------ -------- - ------ ------- --------- -- --- ----- ------------ - - ---- ------------------ -------------------- ----- ---------- ----------- ------- -------- ------------------- ------------ ------ -- ---------------------- ---- ------------ ---------- -------------- ----- ------------- ---展开代码
src/client/pages/about/about.js
-- -------------------- ---- ------- ------ ---------------------- ------ ------------------ ----- -------------- - ------------------ -------- - ------ ----- -- --- ----- ------- -- --- ----- ------------- - - ---- ------------------ -------------------- ----- ---------- ----------- ------- -------- ------------------- ------------ ------ -- ---------------------- ---- ------------- ---------- --------------- ----- -------------- ---展开代码
src/client/app.less
-- -------------------- ---- ------- ------- -------------------------------------------- ------- -------------------------------------------------- ------- -------------- ---------- - ------------ ----- --------------- ----- -------------- ----- ------ -------- ----------------- ----- -展开代码
src/client/css/nav.css
.navbar { margin-bottom: 0; border-radius: 0; }
结语
通过本教程，你已经了解了如何使用 generator-donejs 创建一个 DoneJS 应用程序，并能够根据自己的需求进行修改和发布。DoneJS 提供了非常完整的前端解决方案，包括客户端和服务器端，极大地方便了前端开发人员的开发工作。希望大家能够喜欢并使用 DoneJS，享受前端开发的乐趣！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75790
