Angularjs---Project construction graphic tutorial

The development tool uses WebStorm, but it has not been cracked, and it uses an expiration strategy: after installation, do not rush to open the program, and set the system date to a future date, such as 2020. Then open the program and try it. Then change the system date back. Although every time you open WebStorm, you will prompt:

But it does not affect the use, click "OK" to continue.

The project uses the anguarjs seed project as the basic framework, and after the construction is completed, it is as follows:

The configuration of .bowerrc is as follows:

 { "directory": "app/lib"}

3. The views in the app are split into different directories and stored as follows:

4. Next is the dependency third-party library import, bower install --save library name

Several used:

angular-local-storage: local storage, if localstore is not supported, it will automatically switch to cookies

angular-summernote: Simple rich text editing, simple interface reference, remember to register "summernote" in app.js

<summernote lang="zh-CN"></summernote>

angular-base64 and angular-md5 encrypt and decrypt

The bootstrap style must be this

bootstrap-fileinput image upload, support upload to preview

5. Configure packaged fis-config.js

 // Contains all files fis.config.set('project.include', '**');// Excludes directory fis.config.set('project.exclude', /^//lib//.*//src///i);// Loads packfis.config.set('modules.postpackager', 'simple');fis.config.set('pack', { 'js/application.js': [ '/lib/angular/angular.min.js', '/lib/angular-route/angular-route.min.js', '/lib/jquery/dist/jquery.min.js', '/js/app.js', '/js/controllers.js', '/js/directives.js', '/js/filters.js', '/js/services.js' ], 'css/application.css': [ '/lib/bootstrap/dist/css/bootstrap.min.css', 'lib/font-awesome/css/font-awesome.min.css', '/css/**.css' ]});fis.config.merge({ roadmap : { domain : { '**.css' : '/ocs', '**.eot' : '/ocs', '**.ttf' : '/ocs', '**.woff' : '/ocs', '**.woff2' : '/ocs' } }});fis-config.js

6. Style template, I chose several open source projects based on angulajs+bootstrap, and two of them feel good.

AdminLTE: git://github.com/almasaeed2010/AdminLTE.git

charisma: https://github.com/usmanhalalit/charisma/archive/master.zip

The above Angularjs---project construction graphic tutorial is all the content I share with you. I hope you can give you a reference and I hope you can support Wulin.com more.