資料夾內容如下:
vscode開啟angular2-quickstart
在vcode安裝debugger for chrome外掛程式。
launch.json:
\\index.js",
"cwd": "$",
"outfiles": ,
"sourcemaps": true},]
}關閉所有的谷歌chrome瀏覽器。
點選vscode的整合終端,輸入npm start
找到任意的typescript檔案,打斷點,點選vscode的除錯,debug執行即可
執行出現下面的介面:
在下面打斷點:
點選
vscode自動進入中斷:
Angular2開發拙見
本文集中講講筆者目前使用ng2來開發專案時對其元件的使用的個人的一些拙劣的經驗。先簡單講講從ng1到ng2框架下元件的職責與地位 ng1中的一大特色 指令,分為屬性型 標籤型 css型別和注釋型。其中寫在css類以及注釋中的元件想必多數人都不會去使用,而屬性型指令與標籤型指令則是ng1火遍宇宙的功臣...
Angular2環境搭建
一 環境準備 先安裝node,npm會與node一起安裝到環境中。node準備 npm準備 二 安裝環境 首先安裝ts的 為啥安裝它,ng2使用的開發語言是ts 接著安裝angular cli,按照官方文件嗦的,這是個工具,能夠幫你快速建立ng2的工程,做個工程空架子吧,可以省很多事.如果想用cnp...
angular2 環境配置
看到angular發布正式版,心動不已準備測試下。看著官網教程,使用了cli建立專案,在命令列中鍵入 npm install g angular cli 如果安裝過以前的版本,請執行以下命令,進行更新 npm uninstall g angular cli npm cache clean npm i...