Augularjs-起步详解

今年项目的需要，开始琢磨研究前端开发，由于之前项目已经用Angularjs了，就顺其而然的继续沿用。

在使用Angularjs之前，先要准备好工具：Nodejs、npm、git、bower、fis

下面是各个工具的安装方法（开发机为64位的Win10）：

1.Nodejs

1>下载安装：https://nodejs.org/dist/v6.2.2/node-v6.2.2-x64.msi
2>验证安装：node - v

2.npm

1> 验证安装（随着nodejs安装了）：npm -v
2> 配置参数：
npm config set prefix "E:\tools\nodejs\node_global"
npm config set cache "E:\tools\nodejs\node_cache"
3> 设置node的环境变量：E:\tools\nodejs\node_global

3.git

下载安装：https://www.git-scm.com/download/win

4.bower

1> 安装： npm install -g bower;
2> 常用命令：
bower init;
bower install jquery;
bower uninstall jquery;
bower cache clean;
bower update;
3> 配置项目的.bowerrc
{
"directory": "app/lib"
}

5. fis

1> 安装：

npm install -g fis;
npm install -g fis-postpackager-simple;

2> 常用命令：
fis release -d ..\dist
fis release --optimize --md5 --pack -d ..\dist --domains
fis server open
fis server start
fis server stop

6. angular-seed

以上这篇Augularjs-起步详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Vue起步(无cli)的啊教程详解

    一丶项目配置 1. 创建身份证文件 2. 安装webpack webpack-cli  webpack-dev-server(全局)工具 3. 安装,配置vue vue-loader  vue-template-compiler  less-loader css-loader  style-loader  less 4. 构建项目目录,更改配置文件 ./index.html //页面文件 <div id="app"></div> <script src=&

  • 基于Vue单文件组件详解

    基于Vue单文件组件详解

    本文将详细介绍Vue单文件组件 概述 在很多 Vue 项目中,使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图.但当在更复杂的项目中,或者前端完全由 JavaScript 驱动的时候,下面这些缺点将变得非常明显: 1.全局定义 (Global definitions) 强制要求每个 compon

  • vue-router 路由基础的详解

    vue-router 路由基础的详解 今天我总结了一下vue-route基础,vue官方推荐的路由. 一.起步 HTML <div id="myDiv"> <h1>简单路由</h1> <router-link to="/foo">Go to foo</router-link> <router-link to="/bar">Go to bar</router-link&g

  • Spring Boot整合EhCache的步骤详解

    本文讲解Spring Boot与EhCache的整合. 1 EhCache简介 EhCache 是一个纯Java的进程内缓存框架,具有快速.精干等特点,是Hibernate中默认CacheProvider.Ehcache是一种广泛使用的开源Java分布式缓存.主要面向通用缓存,Java EE和轻量级容器.它具有内存和磁盘存储,缓存加载器,缓存扩展,缓存异常处理程序,一个gzip缓存servlet过滤器,支持REST和SOAP api等特点. 2 Spring Boot整合EhCache步骤 2.

  • Python 开发工具PyCharm安装教程图文详解(新手必看)

    PyCharm是由JetBrains打造的一款Python IDE,VS2010的重构插件Resharper就是出自JetBrains之手. 同时支持Google App Engine,PyCharm支持IronPython.这些功能在先进代码分析程序的支持下,使 PyCharm 成为 Python 专业开发人员和刚起步人员使用的有力工具. PyCharm是一种Python IDE,带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调试.语法高亮.Project管理.代码跳

  • 详解Docker Swarm概念与用法

    Docker Swarm是Docker公司开发的容器集群管理服务.从1.12.0版本开始,已经是Docker安装后自带的一部分(捆绑软件)了,又称为Swarm Mode,无需额外安装. 与Kubernetes相比,Docker Swarm是一个简单的软件,似乎不堪大用.但是它与docker-compose兼容的优点,可以弥补一切.对于没有集群使用经验的小白,用Docker Swarm起步,是一个很好的选择. 概念 Docker Swarm,主要包含以下概念: Swarm Node Stack S

  • 详解IDEA中便捷内存数据库H2的最简使用方式

    详解IDEA中便捷内存数据库H2的最简使用方式

    在IDEA中做练习或做demo时,有时候需要使用到数据库,但如果自己机子上本来没有安装数据库(全新安装太麻烦或资源有限),也没有可用的远程数据库时,我们可以直接在IDEA上使用便捷式的内存数据库H2,关于H2更多知识就自己去找一下资料了,接下来主要讲一下如何在IDEA下的SpringBoot项目中把它用起来! 首先在IDEA中新建一个空的Maven项目,编辑项目pom.xml文件,增加SpringBoot和最基础的数据访问相关jar包依赖: <?xml version="1.0"

  • 详解PHP的引用计数

    什么是引用计数 在PHP的数据结构中,引用计数就是指每一个变量,除了保存了它们的类型和值之外,还额外保存了两个内容,一个是当前这个变量是否被引用,另一个是引用的次数.为什么要多保存这样两个内容呢?当然是为了垃圾回收(GC).也就是说,当引用次数为0的时候,这个变量就没有再被使用了,就可以通过 GC 来进行回收,释放占用的内存资源.任何程序都不能无限制的一直占用着内存资源,过大的内存占用往往会带来一个严重的问题,那就是内存泄露,而 GC 就是PHP底层自动帮我们完成了内存的销毁,而不用像 C 一样

  • 详解为什么指针被誉为C语言灵魂

    详解为什么指针被誉为C语言灵魂

    目录 一.内存本质 1.1.内存编址 1.2.内存地址空间 1.3.变量的本质 二.指针是什么东西? 2.1.变量放在哪? 2.2.指针本质 2.3.解引用 2.4.活学活用 2.5.看个小问题 三. 结构体和指针 四.多级指针 五.指针与数组 5.1.一维数组 5.2.二维数组 六.神奇的 void 指针 七.花式秀技 一.内存本质 编程的本质其实就是更好的操控数据,而我们的数据是存放在内存中. 因此,如果能更好地理解内存的模型,以及 C 如何管理内存,就能对程序的工作原理洞若观火,从而使编程

  • SpringBoot快速入门详解

    SpringBoot快速入门详解

    Spring Boot是什么? Spring Boot并不是什么新的框架,它是对Spring的缺点进行了改善和优化,Spring Boot默认了很多的框架使用方式,像maven整合了所以jar包同一个道理.及SpringBoot并不是对Spring功能上的增强,而是提供了一种快速使用Spring的方式而已. 为什么使用Spring Boot? Spring Boot官方是这么说的:Spring Boot它是基于Spring开发项目的起点,Spring Boot的设计主要是让你快速地跑起来Spri

随机推荐