作者:郭楠v | 来源:互联网 | 2023-05-18 16:17
如何创建你的第一个Angularjs程序***要创建这个程序,首先要搭好基本的环境,包括IDE、基本环境需求、基本工具需求,具体的需要请参考我上一篇博客。(1)创建一个emptyp
如何创建你的第一个Angularjs程序
***要创建这个程序,首先要搭好基本的环境,包括IDE、基本环境需求、基本工具需求,具体的需要请参考我上一篇博客。
(1)创建一个empty project
(2)建立一个src目录,在其中建html、css、js文件夹
(3)配置bower,打开webstorm的Terminal,初始化bower,即输入bower init,将会生成一个bower.json
(4)手动建一个.bowerrc配置文件,告诉bower将组件下载到哪个目录下
{
"directory":"src/components"
}
(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已经按安装成功