第一步:安裝node.js,開發工具採用webstorm或者sublime 從
為你的作業系統
node.js
安裝器。
通過下面的命令檢查下你安裝的node.js的版本:
node --version
node scripts/web-server.js
可以通過以下方式訪問應用程式:
這個應用程式雖然簡單,但它涵蓋了angularjs開發過程中會使用的各個功能,例如service、detective、filter等。
'use strict';
config(['$routeprovider', function($routeprovider) );
$routeprovider.when('/view2', );
$routeprovider.otherwise();
}]);
controllers.js的內容如下:
'use strict';
function myctrl1() {}
myctrl1.$inject = ;
function myctrl2()
myctrl2.$inject = ;
driectives.js的內容如下:
'use strict';
return function(scope, elm, attrs) ;
}]);
filters.js的內容如下:
'use strict';
filter('interpolate', ['version', function(version)
}]);
sevices.js的內容如下:
'use strict';
// demonstrate how to register services
// in this case it is a ****** value service.
value('version', '0.1');
angularjs seed提供了乙個典型的angularjs應用程式的骨架,我們可以在它的基礎上進行開發。其實很多專案組的開發都會採用
angular-seed或者
angular-
phonecat骨架。
github上的幾個project,有好奇心和專研心的親們可以看看,它們分別是:
有的人按照功能模組重組了一下,我個人更傾向於把功能模組的js和html放到同乙個資料夾,如下,
按照功能模組去組織資料夾。最終,我的目錄是這麼排列的:
common/ (通用模組庫)
utils/ (其他元件)
lib/ (包含所有第三方類庫)
templete/ (子模板資料夾,其內容按模組型別分類)
404.html
admin.html (admin模組的入口html)
customer.html (customer模組的入口html)
helpdesk.html (helpdesk模組的入口html)
login.html (login模組的入口html)
index.html (程式的總入口點,用以根據配置跳轉到各個模組入口)
repairer.html (repairer模組的入口html)
node_modules/ (grunt)
src/ (未經grunt處理的原始檔)
test/ (端到端測試)
gruntfile.js (grunt)
human.txt
package.json (grunt)
readme.md
angularjs2環境搭建
1.環境搭建 專案依賴,首先安裝nodejs node npm install g cnpm registry 安裝 angular cli客戶端依賴 cnpm install g angular cli 清除快取 一般啟動專案載入很慢的時候 npm cnpm cache clean 2.新建專案 ...
1 環境搭建
對於這個東西嗎,我也不是很了解,邊學邊記錄下來 需要的軟體都存入雲盤了 環境搭建 2 配置好路徑後,cmd命令除錯,敲入gradle然後回車,配置成功後如圖 選好自己想要的,已經開發引擎,點選generate,開始生成專案,生成過程中 generate按鈕變灰色,等待到變回白色高亮時候,專案就建立成...
2 環境搭建
虛擬環境的安裝和配置 vue環境 1,ide,使用webstorm,這個是和pycharm一家公司的,2,node.js,這個非常的重要,vue專案啟動的時候就是依賴的npm命令的,這個就是包管理器,這個要按照了node.js才會有的,node version,3,cnpm要配置一下,cnpm是np...