工程的搭建使用的是:angularcli。使用它可以方便快捷的搭建出乙個可執行的工程。
首先我們需要確保已經安裝了angularcli,如果沒有則執行如下命令進行安裝:
npm install -g angular-cli
安裝成功接下來就要建立工程了:
ng new projectname
其中projectname是工程的名字。
建立好的工程目錄結構如下所示:
由package.json檔案可知,執行npm start命令啟動工程。
- 建立component:ng g component new-component
- 建立directive:ng g directive new-directive
- 建立pipe: ng g pipe new-pipe
- 建立service:ng g service new-service
- 建立class:ng g class new-class
- 建立inte***ce:ng g inte***ce new-inte***ce
- 建立enum:ng g enum new-enum
- 建立module:ng g module new-module
快速建立工程,還有一種方法:具體使用方法,可以自己去了解下。
使用Angular2建立專案
使用 light bootstrap dashboard angular cli 前端框架 bs3 angular2 ide vs code 執行 ng serve 後,開啟本地伺服器,最妙的是,在vscode中修改 直接在瀏覽器中反應變化。於是遇到第乙個坑,頁面一直在loading。還有記得看 控...
angular2 發布angular2模組,服務
上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...
ROS學習(2) 建立工程
建立src,放置功能包 mkdir p catkin ws src 進入src cd catkin ws src 初始化資料夾,會出現乙個cmakelists.txt檔案,告訴系統這是ros工作空間 catkin init workspace編譯工作在catkin ws資料夾下進行 catkin m...