创建一个新的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_modules
是package.json
依赖文件存放的地方
public
是开发时的网站根目录http://localhost:4200
的根目录
tests
存放测试相关代码
tmp
存放缓存文件
vendor
存放没有发布到bower上的第三方库文件
运行开发服务器
控制台进入projectName
目录,然后执行ember s
,然后打开浏览器,在地址栏输入:http://localhost:4200