Ember.js初体验

创建一个新的App

要使用Ember CLI创建新项目,请使用命令:ember new projectName 其中projectName就是你想要创建的项目名称,执行完这个命令后,会在当前目录创建一个名为projectName的文件夹。

先简单介绍一个Ember CLI,Ember CLI,提供了一个标准的项目结构,一组开发工具和一个addon系统。这允许Ember开发人员专注于构建应用程序,而不是构建使它们运行的支持结构。 在命令行界面,执行ember --help显示Ember CLI提供的所有命令。 有关特定命令的更多信息,可以键入ember help <command-name>查看详细的信息。

执行ember new projectName之后生成的目录projectName下的目录结构:

|--app
|--bower_components
|--config
|--dist
|--node_modules
|--public
|--tests
|--tmp
|--vendor
bower.json
ember-cli-build.js
package.json
README.md
testem.js

app是主要存放项目代码的目录,里面含有

|--adapters
|--components
|--controllers
|--helpers
|--models
|--routes
|--styles
|--templates
index.html
app.js
router.js

bower_components是存放bower.json依赖文件的
config是存放与当前项目配置的,目录内有配置文件名为environment.js
dist是项目打包默认存放的地方,如使用命令ember build,输出的文件的默认目录就是dist
node_modulespackage.json依赖文件存放的地方
public是开发时的网站根目录http://localhost:4200的根目录
tests存放测试相关代码
tmp存放缓存文件
vendor存放没有发布到bower上的第三方库文件

运行开发服务器

控制台进入projectName目录,然后执行ember s,然后打开浏览器,在地址栏输入:http://localhost:4200

重要的流程图

常用的网站

Ember.js官网
Ember CLI官网

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,934评论 9 468
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,080评论 6 342
  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 14,187评论 2 33
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,658评论 25 709
  • 一個蘋果 一個不怎麼好看的蘋果 不知道長在哪棵樹上 它自己也不知道 只知道早晚 要被 一隻貧窮的嘴 吃掉 仿佛它生...
    鱼筐七月阅读 1,547评论 0 2