1.用yo新建工程
在终端输入：
[code]mkdir file_name[/code]新建文件夹
[code]cd file_name[/code]打开文件夹
[code]yo angular[/code]在文件夹下新建工程（第一个选项选n，否则后面在生成dist的时候将无法生成styles，也就是在手机上无法显示样式，当然也可以自己建一个styles，将app中styles文件夹下的内容复制过去就可以了）
打开rubymine
[code]grunt server[/code]页面显示
完成以上步骤就可以在rubymine中完成第一张卡的需求了
2.样式引用
第一张卡会用到很多样式和功能，大部分都不必自己去写。这时可以在网上下载bootstrap文件，并将其放在上一步所建文件夹app下，并在index.html（可将其中一些原有样式删除，但引用和ng-view不要删）中引用css和js文件夹下的文件。文件名相同的，如a.css和a.min.css只须引用一个。以下分别就.css和.js文件引用举一个例子，其余不再赘述。
.css文件引用：在index.html的<head></head>中写
<link rel="stylesheet" href=""> （href=“”里面写文件夹路径，建议把.css的文件都放在styles下）
.js文件引用：在index.html的<body></body>中写
<script src=""></script> （src=“”中写js文件路径）
3.路由配置
具体配置可参考codefordream中的angular js。
在这里需要强调的是每个页面路由配置完毕后，都要在index.html下引用，方法如上面的.js文件引用。
4.其他问题
在实现需求中有涉及数组相关的问题，要用到 JSON.parse（）和 JSON.stringify（）。具体使用方法和含义可参照以下：[url]http://msdn.microsoft.com/zhcn/library/cc836466(v=vs.94).aspx[/url]
最后在文件夹下生成dist文件打包即可在手机中运行。
在终端输入：
[code]mkdir file_name[/code]新建文件夹
[code]cd file_name[/code]打开文件夹
[code]yo angular[/code]在文件夹下新建工程（第一个选项选n，否则后面在生成dist的时候将无法生成styles，也就是在手机上无法显示样式，当然也可以自己建一个styles，将app中styles文件夹下的内容复制过去就可以了）
打开rubymine
[code]grunt server[/code]页面显示
完成以上步骤就可以在rubymine中完成第一张卡的需求了
2.样式引用
第一张卡会用到很多样式和功能，大部分都不必自己去写。这时可以在网上下载bootstrap文件，并将其放在上一步所建文件夹app下，并在index.html（可将其中一些原有样式删除，但引用和ng-view不要删）中引用css和js文件夹下的文件。文件名相同的，如a.css和a.min.css只须引用一个。以下分别就.css和.js文件引用举一个例子，其余不再赘述。
.css文件引用：在index.html的<head></head>中写
<link rel="stylesheet" href=""> （href=“”里面写文件夹路径，建议把.css的文件都放在styles下）
.js文件引用：在index.html的<body></body>中写
<script src=""></script> （src=“”中写js文件路径）
3.路由配置
具体配置可参考codefordream中的angular js。
在这里需要强调的是每个页面路由配置完毕后，都要在index.html下引用，方法如上面的.js文件引用。
4.其他问题
在实现需求中有涉及数组相关的问题，要用到 JSON.parse（）和 JSON.stringify（）。具体使用方法和含义可参照以下：[url]http://msdn.microsoft.com/zhcn/library/cc836466(v=vs.94).aspx[/url]
最后在文件夹下生成dist文件打包即可在手机中运行。
150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
