如何创建你的第一个Angularjs程序
来源:互联网 发布:下载手机办公软件 编辑:程序博客网 时间:2024/06/01 08:17
如何创建你的第一个Angularjs程序
***要创建这个程序,首先要搭好基本的环境,包括IDE、基本环境需求、基本工具需求,具体的需要请参考我上一篇博客。
(1)创建一个empty project
(2)建立一个src目录,在其中建html、css、js文件夹
(3)配置bower,打开webstorm的Terminal,初始化bower,即输入bower init,将会生成一个bower.json
(4)手动建一个.bowerrc配置文件,告诉bower将组件下载到哪个目录下
<span style="font-size:18px;">{ "directory":"src/components"}</span>
(5)在项目中安装angularjs库,可以在terminal中输入命令:$bower install angular#1.5.0-rc.0 --save
在bower.json中可以看到安装记录,同时components中出现angular文件夹
(6)在src中建index.html,并引入相应的库,再写程序即可
(7)用bower install bootstrap#3.3.7 --save可以安装bootstrap
(8)使用npm init创建一个package.json存储依赖关系等配置信息
(9)在项目上,安装项目依赖:$npm install --save-dev gulp(不知道为啥没有作用)
(10)在根目录下创建一个gulpfile.js(这个是为了使用gulp这个自动化构建工具,目前还没用到)
(11)写个index.scss,写几行程序,用$sass src/css/index.scss编译,会出现node_modules文件夹,sass-cache文件夹,其实css文件可以写个总的style.scss文件,在其中import每个模块的*.scss文件
(12)在使用git init创建版本库,重新进入项目,会是master分支
(13)在Terminal中输入$gulp,测试gulp已经按安装成功
0 0
- 如何创建你的第一个Angularjs程序
- 如何创建你的第一个iPhone程序
- 创建你的第一个smartrcp程序
- 如何设计你的第一个程序
- 如何在Ubuntu上用命令创建你的第一个Qt程序
- 你的第一个AngularJS应用
- 创建你的第一个带有窗口的Windows程序
- 如何快速创建你的第一个django应用
- AngularJs 基础教程 (一) 我的第一个angularjs程序
- c++功课:如何设计你的第一个程序
- 如何写出你的第一个c语言程序
- 谷歌浏览器扩展程序开发教程之创建你的第一个扩展程序
- 创建你的第一个JavaFX应用程序
- 创建你的第一个Tapestry5项目
- 创建你的第一个Django项目
- 创建你的第一个游戏
- 创建你的第一个Gem
- 创建你的第一个gem
- WebSocket 接口封装方法
- js鼠标添加右击事件
- LeetCode House Robber
- libRTMP使用说明
- 【系统相关】远程连接,凭据不工作
- 如何创建你的第一个Angularjs程序
- 我们用一个等臂天平来称物体的质量,如果我们要称的物体质量范围在1到40克(整数),请问我们最少需要几块砝码可以完成这项物体质量的称量?
- 进程间的同步(操作系统)
- 尽量不要使用#define,而是用const、enum、inline替换。
- db2的表,表空间,表空间容器关系
- 关于Python 浅拷贝与深拷贝的一些理解
- JavaWeb乱码现象解析
- HDU 5869 Different GCD Subarray Query(离线+gcd)
- 手动为Eclipse安装SVN插件