Giter VIP home page Giter VIP logo

web-project-template-angular's Introduction

web-project-template-angular

angular+webpack项目脚手架

本工程为基于angular框架的前端项目开发脚手架,其特点如下:

  • 使用angular1([email protected])作为项目主框架,并包含jQuery([email protected])、bootstrap库作为辅助工具
  • 使用bootstrap-sass([email protected])作为css框架,可以覆盖bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss文件中的默认配置,从而自定义样式
  • 整合angular-ui-router作为路由管理
  • 整合font-awesome开源图标库
  • 使用webpack2([email protected])前端模块化开发工具作为项目自动化构建与开发工具
  • 使用webpack-dev-server作为开发过程工具(热替换HMR)
  • 分别使用webpack.config.js与webpack.config.production.js两个webpack配置文件作为项目在开发环境中的配置和项目在生产环境中的配置

使用方法:

  1. fork再clone,或直接clone,或直接下载
  2. 打开文件所在目录,打开命令行工具至项目所在目录npm install安装依赖(国内的同志建议将npm的模块下载域名配置为淘宝镜像域名,或安装cnpm,node-sass在国内只能使用cnpm下载安装,否则报错。建议先cnpm install node-sass --save-dev,再npm install
  3. 命令行运行npm start,开启开发模式,命令行运行npm run build,生成生产环境部署文件

开始你的angular1模块化开发之旅:)

web-project-template-angular's People

Contributors

qidaneix avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.