zoukankan      html  css  js  c++  java
  • 前端自动化构建yeoman

    前端自动化可分为:

    yo(脚手架工具)、grunt(构建工具)、bower(包管理器)。

    OMAN的特性
     
    闪电般的初始化:项目开始阶段,可以基于现有的模板框架(例如:HTML5 Bolierplate、Twitter Bootstrap)进行项目初始化的快速构建。
    了不起的构建流程:不仅仅包括JS、CSS代码的压缩、合并,还可以对图片和HTML文件进行优化,同时对CoffeScript和Compass的文件进行编译。
    自动编译CoffeScript和Compass:通过LiveReload进程可以对源文件发生的改动自动编译,完成后刷新浏览器。
    自动Lint代码:对于JS代码会自动进行JSLint测试,确保代码符合最佳编程实践。
    内置的预览服务器:不再需要自己配置服务器了,使用内置的就可以快速预览。
    惊人的图片优化:通过使用OptiPNG和JPEGTran来优化图片,减少下载损耗。
    杀手级包管理:通过bower search jQuery,可以快速安装和更新相关的文件,不再需要打开浏览器自己搜索了。
    PhantomJS单元测试:可以非常方便的使用PhantomJS进行单元测试,一切在项目初始的时候都准备好了。
    1、安装
    npm install -g yo 安装yeoman
        

    安装完成之后执行  yo -v检查安装情况。

    2、安装完成之后,要有相应的磨具才能成产相应的代码,在官网的generation里面找需要的模板进行暗转。

    1 创建一个项目跟目录 mkdir yo-in-action
    2 进入该目录 cd yo-in-action
    3 创建一个项目目录 mkdir angular-in-action
    4 进入该目录 cd angular-in-action
    5 安装:yo angular learnangular
    6 learnangular是项目运行的时候的项目名,并不是文件夹或者文件名。
    7 安装的语法为:(npm install -g generator-名字
    主要要用什么模板变安装什么 名字就是什么
    完成之后看package.json配置文件就行

    运行pwd查看当前所在的位置,进入,列出问价  ls -al

    完成。

  • 相关阅读:
    WeihanLi.Npoi 1.10.0 更新日志
    消除代码中的坏味道,编写高质量代码
    代码重构之法——方法重构分析
    使用 C# 捕获进程输出
    .net core 中的经典设计模式的应用
    JDBC 规范中文版 4.2 -第一章 简介
    基础回顾-线程的几种状态
    一文读懂BeanFactory和FactoryBean区别
    阿里云云计算ACA 第三章 阿里云存储服务
    阿里云云计算ACA 第二章 阿里云弹性计算
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/6379340.html
Copyright © 2011-2022 走看看