AngularJs的集中环境搭建方式

前端之家收集整理的这篇文章主要介绍了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相关文章