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 scriptsweb-server.js //进入项目启动服务 测试地址：http://localhost:8000/app/index.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!