最新基于yeoman+angular前端项目的开发环境搭建
来源:互联网 发布:大战神武将升阶数据 编辑:程序博客网 时间:2024/04/30 06:28
软件需求,安装环境window
Git-2.8.1-64-bit.exe
node-v4.4.3-x64.msi
python-2.7.11.amd64.msi
rubyinstaller_V2.2.2.95_setup.1439890355.exe
VSCodeSetup-stable.exe
软件环境百度网盘链接:http://pan.baidu.com/s/1eRC1CXW 密码:g37k
安装
(一)先建一个项目文件夹并通过命令进入项目文件夹
(二)执行全局安装yo和bower应用 npm install –g yogrunt-cli bower
(为了防止过时建议用以下方式执行)
(三)上诉代码执行很慢或者没响应就执行以下代码单个安装
npm install yo -g
npm install grunt-cli -g
npm install bower -g
(四)其中 -g 代表要把 yo ,grunt-cli , bower 这三个套件安装到全域 (global)
(五)安装完成后执行
检测是否安装ruby
gem -v
若已安装,则修改source地址
gem sources –a https://rubygems.org/gem sources -l
*** CURRENT SOURCES ***
https://rubygems.org/
如果不行的话可以配置成,就先删除
gem sources --remove https://rubygems.org/
gem sources -a http://gems.ruby-china.org/
安装sass(compass)
gem install sass
gem install compass
最后执行命令
yo angular generator
启动yeoman进行框架搭建
(六)执行到最后一个命令后按enter这个回车键执行完后再执行以下的步骤
如果程序不走了一直闪烁光标(如下图)就用ctrl +c退出
(七)安装bower执行命令bowerinstall (环境部署需要执行npm install)
(八)Ps:如果错误信息是找不到bower路径那么就打开已经安装好的gitcmd进入到项目文件夹再执行bower install命令
(九)项目搭建完成会出现以下文件
运行grunt serve或者grunt serve --force 运行项目如果运行成功就会跳出
服务器前端 压缩项目命令为:grunt --force
附doc文档下载地址(文档更为详细):
百度网盘链接:http://pan.baidu.com/s/1pLgFajh 密码:2db1
- 最新基于yeoman+angular前端项目的开发环境搭建
- yeoman 构建angular项目
- 前端项目开发环境搭建
- Angular最新教程-第一节环境搭建和新建项目
- Yeoman生成的angular项目引入angular-gettext
- NodeJS前端开发日记(1)搭建NodeJS+ExpressJS+AngularJS+Jade+LESS+Yeoman环境
- angular项目环境搭建
- 使用Yeoman和AngularJS搭建一个功能完整的应用前端环境
- 基于Typescript搭建前端开发环境
- 简单的前端开发环境搭建,举例Grunt Bower、Requirejs 和Angular
- 前端开发yeoman使用
- yeoman简单环境搭建
- Yeoman环境搭建
- 使用Nodejs+Yeoman定制前端开发项目构建工具
- 基于gulp的前端自动化环境搭建
- Windows下Yeoman+Grunt+Bower快速搭建AngularJS开发环境
- Yeoman官网新手教程:第一章 搭建开发环境
- 使用yeoman快速搭建react-webpack开发环境
- iOS 之富文本可点击
- 进程实体 内存划分
- STM32F4(CAN)
- 【Unity Shader】摇摆的小草——顶点动画
- TCP与UDP
- 最新基于yeoman+angular前端项目的开发环境搭建
- [HNOI2008]越狱 快速幂
- Android Studio Study之图解如何从svn检出项目以及更新(上传)代码
- Linux常用命令(13)之挂载命令
- vue 全局/局部组件
- Linux系统硬件信息查看命令大全
- 实例PK(Vue服务端渲染 VS Vue浏览器端渲染)
- marked
- ASP.NET MVC 右键点击添加没有区域(Area)、控制器、试图等选项