Angularjs---項(xiàng)目搭建圖文教程
開發(fā)工具采用WebStorm，沒破解，使用了過期策略：安裝之后不著急打開程序，先設(shè)置系統(tǒng)日期為未來的某個(gè)日期，比如2020年。然后再打開程序，試用。然后再改回來系統(tǒng)日期。雖然每次打開WebStorm都會(huì)提示：
不過不影響使用，點(diǎn)擊“OK”繼續(xù)吧。
項(xiàng)目采用anguarjs seed項(xiàng)目作為基礎(chǔ)框架，搭建完成之后如下：
.bowerrc的配置如下：
{ "directory": "app/lib"}
3. app中的各view拆分成不同的目錄存放，如下：
4. 接下來是依賴的第三方庫導(dǎo)入，bower install --save 庫名
用到的幾個(gè)：
angular-local-storage ： 本地存儲，如果不支持localstore，自動(dòng)切換為cookie
angular-summernote ： 簡易的富文本編輯，界面引用簡單，記著在app.js中注冊“summernote”
<summernote height="300" lang="zh-CN"></summernote>
angular-base64和angular-md5 加解密
bootstrap 樣式必然是這個(gè)
bootstrap-fileinput 圖片上傳，支持上傳即可預(yù)覽
5. 配置打包的fis-config.js
// 包含所有文件
fis.config.set('project.include', '**');
// 排除目錄
fis.config.set('project.exclude', /^\/lib\/.*\/src\//i);
// 加載pack
fis.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',
'**.js' : '/ocs',
'**.eot' : '/ocs',
'**.ttf' : '/ocs',
'**.woff' : '/ocs',
'**.woff2' : '/ocs'
}
}
});
fis-config.js
6.樣式模板，選了幾個(gè)基于angulajs+bootstrap的開源項(xiàng)目，感覺不錯(cuò)的兩個(gè)個(gè)
AdminLTE：git://github.com/almasaeed2010/AdminLTE.git
charisma：https://github.com/usmanhalalit/charisma/archive/master.zip
以上這篇Angularjs---項(xiàng)目搭建圖文教程就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
node異步使用await和不用await的區(qū)別實(shí)例分析
這篇文章主要介紹了node異步使用await和不用await的區(qū)別,結(jié)合實(shí)例形式分析了node.js異步使用await和不用await的實(shí)例中,同步與異步執(zhí)行的區(qū)別,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Node.js中http模塊和導(dǎo)出共享,通過?http?模塊提供的?http.createServer()?方法，就能方便的把一臺普通的電腦，變成一臺?web?服務(wù)器，從而對外提供?web?資源服務(wù)，本文給大家詳細(xì)講解，需要的朋友可以參考下2022-10-10
這篇文章主要給大家介紹了關(guān)于gyp?ERR!報(bào)錯(cuò)問題的解決辦法,文中將解決的辦法介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01
這篇文章介紹了Node.js中的模塊系統(tǒng)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
node.js中的fs.createWriteStream方法使用說明
這篇文章主要介紹了node.js中的fs.createWriteStream方法使用說明,本文介紹了fs.createWriteStream方法說明、語法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
安裝node.js和npm的一些常見報(bào)錯(cuò)
NVM（Node?Version?Manager）是一個(gè)用于在同一機(jī)器上同時(shí)安裝并管理多個(gè)Node.js版本的工具,這篇文章主要給大家介紹了關(guān)于安裝node.js和npm的一些常見報(bào)錯(cuò),需要的朋友可以參考下2023-06-06
本篇文章主要介紹了Nodejs的timers模塊，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
Node.js 使用遞歸實(shí)現(xiàn)遍歷文件夾中所有文件
這篇文章主要介紹了Node.js使用遞歸實(shí)現(xiàn)遍歷文件夾中所有文件,需要的朋友可以參考下2017-09-09
Nodejs使用mysql2操作數(shù)據(jù)庫的方法完整講解
MySQL2是一個(gè)基于Node.js的MySQL數(shù)據(jù)庫驅(qū)動(dòng)程序,它是MySQL官方推薦的驅(qū)動(dòng)之一,下面這篇文章主要給大家介紹了關(guān)于Nodejs使用mysql2操作數(shù)據(jù)庫的相關(guān)資料,需要的朋友可以參考下2024-01-01
Node.JS獲取GET,POST數(shù)據(jù)之queryString模塊使用方法詳解
本文將詳細(xì)介紹nodeJS中的queryString模塊使用方法，包括Node.JS獲取GET,POST數(shù)據(jù)的方法,需要的朋友可以參考下2020-02-02