AngularJs的集中环境搭建方式

感觉Angular和Python非常的类似,他们本身都是很轻量级的,但是插件一大堆。所以对于安装开发环境也是个比较麻烦的事情,之前尝试了几次构建项目都失败,今天把几个方式记录下来。

-----其实并没有什么难,主要是要注意插件安装地址和确保安装成功,并且配置正确的环境变量。

1、安装nodejs >node -v >npm -v 如果这两个命令正确的话说名node的环境已经搭建好了 2、搭建方式 #使用yeoman构建(yeoman是一个项目开发工作流工具,用来自动构建js项目) >npm install -g generator-angular >npm install -g yo 确保上面两个插件安装 >yo angular //创建项目命令 另外:需要选择gulp或者grunt项目自动化构建工具所以需要安装 >npm install grunt >npm install gulp 安装框架类库管理工具 >npm install -g bower 可以轻松在下面下安装类库 >bower install jquery >bower install bootstrap 启动服务 >grunt server >grunt --force //启动default任务,生成用于部署的目录 构建成功后的目录结构: tmp:临时目录 app:开发的源代码的目录 dist:生成用于发布的项目 node_modules:nodejs依赖包 test:测试文件的目录 bowerrc:bower属性 editooconfig:对开发工具的属性配置 gitattributes:git属性的配置 gitignore:git管理文件的配置 jshintr:JSHint配置 travis.yml:travis-ci持续集成的配置 bower.json:bower依赖管理 Gruntfile.js:grunt开发过程管理 karma.conf.js:karma自动化测试 karma-e2e.conf.js:karma端到端自动化测试 package.json:项目依赖文件 #手动构建项目 需要自己创建文件路径和下载所需要的资源----(一般用于小项目或者测试项目) #源码构建(需要进行修改) >git clone https://github.com/bsspirit/angular-seed.git //下载源码 >node scripts\web-server.js //进入项目启动服务 测试地址:http://localhost:8000/app/index.html

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...