如何创建你的第一个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