yo 搭建angular应用

yeoman 搭建angular应用

安装：

node 5.0版本
yeoman
bower
gulp

npm install -g bower yo generator-angular //等待安装……

yo angular //进入你所创建的文件目录中执行命令

安装gulp 和 bootstrap

如需使用Sass 安装Ruby 可查看generator-angular

和所需要的angular模块，用空格选中，回车等待安装……

安装完成后执行gulp serve

将会打开localhost:9000网址；
你会发现页面中没有任何样式的，F12打开会报一大堆的错误，这里打开app/index.html文件夹中没有任何第三方js文件。

这里你需要打开.bowerrc文件，改成 "directory": "app/bower_components"
在执行bower install这样app目录下就有bower安装的第三方库了。

这样还不够，之前打开index文件你会发现yo并没有帮你自动生成好第三方库的地址。(如果用的是grunt会自动帮你生成好地址)，这里只能手动加了。

这样在运行gulp serve就可以了。

yo已经帮你吧gulp都配置好了。这样就可以开发angular应用了。

generator-angular可以帮你创建view，service，controller……无需手动创建js，html等文件了。

此文章仅供参考，如有不对的地方求指正，新手请轻拍。

yo 搭建angular应用相关推荐

Angular------win10搭建Angular环境并运行hello-world
本文及系列所有文章均基于Win10系统前言 Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. 最近项目中的某个模块要使用Angular来做前端界面,所以现在开始要 ...
从零搭建angular环境和初项目
打开CMD, 第一步,确认电脑是否安装node.js 输入 node -v 第二步,确认是否安装git git version 若没安,访问 https://w ...
搭建 Angular + Cordova + Ionic 集成开发环境
IDE VS Code WebStorm IDEA 简介轻量前端开发全栈开发插件 Angular Cordova Lombok 准备建立基本开发环境 1. 安装 Node.js 注:使用 ...
yo搭建nodejs项目脚手架
安装yeoman npm install -g yo 安装生成器 npm install -g generator-express 使用生成器创建项目 yo express
搭建angular环境
一.安装 1.先安装npm淘宝镜像一.通过命令配置验证命令 npm config set registry https://registry.npm.taobao.org 验证命令 npm con ...
Angular开山篇
1:环境搭建今天给大家介绍4种环境搭建的方法. 一:Angular-cli的安装官方指导文档:www.angular.cn/guide/quickstart 请使用cnpm来安装,或者配置淘宝镜像 ...
【asp.net Core MVC + angular6实战】 - 1. 环境搭建
为什么打算写这些文章? 没有为什么,只是为了学习Angular和更了解.Net Core等技术需要用到的技术? 后端使用.Net Core 2.1 + EF Core 2.1 + Mysql 5.7 ...
yeoman+grunt/gulp+bower构建angular项目
1 安装nodejs(最新版的会包括npm)我的是6.2.0,安装好后 --- cmd --- node -v打印版本号 2 安装git(省略) 3 cmd ----npm install -g ...
Angular9 + Primeng手动搭建项目
项目需要使用Angular+Primeng开发页面,并对样式及控件功能有特殊要求,所以下载Primeng源码,在源码基础上进行二次开发.本人为初学者,还不知其中原理,下面过程如有问题请多多指教!!! ...

yo 搭建angular应用

yeoman 搭建angular应用

yo 搭建angular应用相关推荐

最新文章

热门文章