party_bid第一张卡总结

1.用yo新建工程

在终端输入:

            
mkdir file_name
新建文件夹            
cd file_name
打开文件夹            
yo angular
在文件夹下新建工程(第一个选项选n,否则后面在生成dist的时候将无法生成styles,也就是在手机上无法显示样式,当然也可以自己建一个styles,将app中styles文件夹下的内容复制过去就可以了)

打开rubymine

            
grunt server
页面显示

完成以上步骤就可以在rubymine中完成第一张卡的需求了

2.样式引用

第一张卡会用到很多样式和功能,大部分都不必自己去写。这时可以在网上下载bootstrap文件,并将其放在上一步所建文件夹app下,并在index.html(可将其中一些原有样式删除,但引用和ng-view不要删)中引用css和js文件夹下的文件。文件名相同的,如a.css和a.min.css只须引用一个。以下分别就.css和.js文件引用举一个例子,其余不再赘述。

.css文件引用:在index.html的<head></head>中写

<linkrel="stylesheet"href="">(href=“”里面写文件夹路径,建议把.css的文件都放在styles下)

.js文件引用:在index.html的<body></body>中写

<scriptsrc=""></script>(src=“”中写js文件路径)

3.路由配置

具体配置可参考codefordream中的angularjs。

在这里需要强调的是每个页面路由配置完毕后,都要在index.html下引用,方法如上面的.js文件引用。

4.其他问题

在实现需求中有涉及数组相关的问题,要用到JSON.parse()和JSON.stringify()。具体使用方法和含义可参照以下:http://msdn.microsoft.com/zhcn/library/cc836466(v=vs.94).aspx

最后在文件夹下生成dist文件打包即可在手机中运行。

css

相关推荐