AngularJS学习 之 创建项目
1.本机搭建好AngularJS运行需要的环境
2.利用Yeoman来创建项目目录
以管理员身份打开cmd,输入
yo angular StockDog
然后按回车,安装进程开始会问几个问题,比如要不要参加用户体验反馈,要不要安装sass,gulp,bootstrap之类的,根据自己项目需要选择yes or no,然后一路回车直到安装成功
3.安装成功后,生成的目录很清晰,标准的web项目目录

4.一件奇怪的事情
在我一台电脑上 上午用yo angular projectname可以顺利创建成功;另外一台机器下午就不行,最后通过以下命令设置了registry才顺利安装成功
npm config set registry="https://registry.npm.taobao.org"但是总觉得是不是下午美国那边就是晚上 服务器不怎么响应,自己瞎猜的 以后有机会再验证
5.命令行输入 grunt serve
如果浏览器被启动起来并且显示如下,说明StockDog项目创建成功了
6.在开始实现StockDog项目之前 先把刚才生成的一些自己项目以后用不到的文件删除掉
app/views/main.html
app/view/about.html
app/scripts/controllers/main.js
app/scripts/controllers/about.js
删除app/scripts/app.js文件中的两个when(这两个也就是AngularJS所谓的router(路由),看起来就是当打开main.html时候会去找对应的controller。恩详细解释以后再说)

5.命令行输入 grunt serve
如果浏览器被启动起来并且显示如下,说明StockDog项目创建成功了
6.在开始实现StockDog项目之前 先把刚才生成的一些自己项目以后用不到的文件删除掉
app/views/main.html
app/view/about.html
app/scripts/controllers/main.js
app/scripts/controllers/about.js
删除app/scripts/app.js文件中的两个when(这两个也就是AngularJS所谓的router(路由),看起来就是当打开main.html时候会去找对应的controller。恩详细解释以后再说)
最后删除app/index.html用对main.js, about.js的引用
7.app/index.html也就是浏览器显示的页面,也可以删除里面不用的一些标签
至此利用 Yo创建一个angularJS web空项目就算结束了,接下来就是实现项目的具体的UI 和功能了
AngularJS学习 之 创建项目的更多相关文章
- Egret学习-初次创建项目
最近无聊,好久没有写游戏了,决定学习下egret,主要原因:egret是h5框架,相比android和iPhone或cocos2dx来说不需要安装可以直接运行. 下面进入正题,开始学习egret 简单 ...
- django学习之——创建项目
创建项目让我迷茫了会: 直接cmd 执行django-admin.py startproject pro_name 肯定是不行的 必须cd到 D:\Program Files\Python3.3.5 ...
- ionic学习笔记—创建项目
环境搭建: 安装node.js --> npm或cnpm --> 安装jdk --> 安装AndroidSDK --> 安装cordova --> 安 ...
- Electron+Vue – 基础学习(1): 创建项目
Electron 和 Vue 都是干啥的,就不做过多介绍了,可以去官网瞅瞅.下面总结 Electron+Vue 创建项目,Electron + Vue 创建项目实际上相当于:创建Vue项目 + Ele ...
- kbengine学习2 创建项目
官方文档https://www.comblockengine.com/docs/1.0/get-started/createproject/ 1.kbe服务器端 1.1 复制出一个assets文件夹, ...
- (转) 一步一步学习ASP.NET 5 (二)- 通过命令行和sublime创建项目
转发:微软MVP 卢建晖 的文章,希望对大家有帮助. 注:昨天转发之后很多朋友指出了vNext的命名问题,原文作者已经做出了修改,后面的标题都适用 asp.net 5这个名称. 编者语 : 昨天发了第 ...
- node+vue进阶【课程学习系统项目实战详细讲解】打通前后端全栈开发(1):创建项目,完成登录功能
第一章 建议学习时间8小时·分两次学习 总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章]) 视频教程地 ...
- golang学习笔记5 用bee工具创建项目 bee工具简介
golang学习笔记5 用bee工具创建项目 bee工具简介 Bee 工具的使用 - beego: 简约 & 强大并存的 Go 应用框架https://beego.me/docs/instal ...
- koa2学习笔记01 - 创建项目 —— koa生成器一键生成koa项目
前言 从17年开始尝试学习搭建个人网站开始,就开始学习摸索node了,至今差不多快两年了. 说起来现在都9102年了,所以最近打算整体设计重构一下网站,索性node后台也重写一遍. 重温一下node, ...
随机推荐
- centos7 系统优化
#!/usr/bin/env bash #设置环境变量 export PATH=$PATH:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/u ...
- Strom的trident小例子
上代码: public class TridentFunc { /** * 类似于普通的bolt */ public static class MyFunction extends BaseFunct ...
- 在Android中调用KSOAP2库访问webservice服务出现的服务端返回AnyType{}
最近在做毕业设计的时候,涉及到了安卓端访问web service服务端数据库,并返回一个值,当我把web service测试通过后,想写一个简单的安卓测试程序,来实现服务端数据库访问,通过web se ...
- Silverlight中使用MVVM(3)—进阶
这篇主要引申出Command结合MVVM模式在应用程序中的使用 我们要做出的效果是这样的 就是提供了一个简单的查询功能将结果绑定到DataGrid中,在前面的基础上,这个部分相对比较容易实现了 我们在 ...
- jenkins持续集成的步骤
项目的持续集成分享 源代码管理 项目仓库 配置仓库 发布仓库 ci/cd相关 gitlab,管理版本,测试流水线 jenkins,对项目进行持续集成 各模块的关系 graph TD a(jenkins ...
- UTF-8和GBK编码的区别
UTF-8:对英文使用8位(一个字节).中文使用24位(三个字节)编码.对于英文字符比较多的网站一般用utf-8来编码以节省空间:包含全世界所有国家需要用到的字符,其编码的蚊子可以在各国各种支持utf ...
- 高可用Hadoop平台-答疑篇
1.概述 这篇博客不涉及到具体的编码,只是解答最近一些朋友心中的疑惑.最近,一些朋友和网友纷纷私密我,我总结了一下,疑问大致包含以下几点: 我学 Hadoop 后能从事什么岗位? 在遇到问题,我该如何 ...
- Docker基础教程(安装篇)
Linux安装: 1.yum -y install docker-io 2.service docker start 3.chkconfig docker on Window安装: Docker 引擎 ...
- VGG 论文研读
VERY DEEP CONVOLUTIONAL NETWORKS FOR LARGE-SCALE IMAGE RECOGNITION 论文地址 摘要 研究主要贡献是通过非常小的3x3卷积核的神经网络架 ...
- Spark2.1.0模型设计与基本架构(下)
阅读提示:读者如果对Spark的背景知识不是很了解的话,建议首先阅读<SPARK2.1.0模型设计与基本架构(上)>一文. Spark模型设计 1. Spark编程模型 正如Hadoop在 ...