在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):loginov-rocks/Angular-Gulp-Boilerplate开源软件地址(OpenSource Url):https://github.com/loginov-rocks/Angular-Gulp-Boilerplate开源编程语言(OpenSource Language):JavaScript 92.5%开源软件介绍(OpenSource Introduction):Angular Gulp BoilerplateClean AngularJS boilerplate powered by Gulp tasks and designed to automate your daily development routine such as concatenation, obfuscation, minimisation and injection of templates, scripts, styles, translations and more. As a result of using this boilerplate, your entire AngularJS project will be delivered to end users in a small bunch of
files: What you will get?AngularJS with UI-Router to manage routing, preconfigured angular-translate and helper packages to implement native dynamic localization and internationalization in a component-based approach, ng-annotate to add dependency injection annotations, $templateCache to encapsulate HTML templates in the app JavaScript bundle. Bower with Wiredep to automate vendor dependencies injecting into the app scripts and styles. A bunch of Gulp tasks to manage templates, scripts, styles, assets, translations, source maps, and to prepare the app for production deployment. Browsersync for live reloading and synchronised testing across browsers and devices. Babel to transpile ES2015 and beyond to vanilla JavaScript. ESLint with AngularJS plugin to lint your code online and keep it clean. Sass compiler with Autoprefixer and Normalize.css. Quick startBoilerplate exists in Node.js environment, so you need to install Node.js from official website or use NVM (NVM for Windows) first. Attention! This project still uses Gulp 3 which is not supported by Node 12. After setting up Node.js you can use npm (Yarn is an alternative) to install Bower and Gulp globally: npm install -g bower gulp-cli InstallClone repository from GitHub: git clone https://github.com/loginov-rocks/Angular-Gulp-Boilerplate.git MyProject Jump into cd MyProject
npm install Next, install dependencies from Bower registry: bower install And that's it! UseExecute Gulp serving task to check if everything is fine: gulp serve Your default browser will be launched at Global installAlternatively, you can delegate repository cloning to the package itself. Just install it globally as with Bower and Gulp: npm install -g angular-gulp-boilerplate Having this package installed globally, you can use the following command to clone the repository into your current directory: angular-gulp-boilerplate Or you can specify directory name to clone into as an argument: angular-gulp-boilerplate MyProject This command checks out the same version as you have installed globally. So if a new version is released, you can update package with the following command: npm update -g angular-gulp-boilerplate Gulp tasksMost used
Other
Npm scriptsnpm scripts are not related to the development flow itself, but can be helpful to keep your project up to date.
After updating dependencies versions you actually need to install them, do it with the following commands: bower install
npm install CreditsAwesome generator-gulp-angular was used as a basis for this project, especially Gulp tasks. This generator is unmaintained for a long time, I refactored it, implemented new features and try to keep all dependencies up to date, since it's used in my own production projects. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论