Angular2開(kāi)發(fā)環(huán)境搭建教程之VS Code
前言
VSCode是微軟推出的一款輕量編輯器，采取了和VS相同的UI界面，搭配合適的插件可以?xún)?yōu)化前端開(kāi)發(fā)的體驗(yàn)。
布局：左側(cè)是用于展示所要編輯的所有文件和文件夾的文件管理器，依次是`資源管理器`，`搜索`，`GIT`，`調(diào)試`，`插件`，右側(cè)是打開(kāi)文件的編輯區(qū)域，最多可同時(shí)打開(kāi)三個(gè)編輯區(qū)域到側(cè)邊。
底欄：依次是`Git Branch`，`error&warning`，`編碼格式`等。
一、設(shè)置開(kāi)發(fā)環(huán)境Node Js
Angular2開(kāi)發(fā)環(huán)境主要依賴(lài)Node Js和Npm，
需要node 6.9.x和npm 3.x.x 以上的版本 。
查看版本命令使用 node -v和 npm -v.
二 、Angular2或以上版本 使用 Angular CLI命令行工具
可以快速創(chuàng)建項(xiàng)目 、添加文件以及執(zhí)行大堆開(kāi)發(fā) 任務(wù) ，比如測(cè)試、打包和發(fā)布。
然后全局安裝 Angular CLI 。
npm install -g @angular/cli
注：安裝過(guò)程可能 會(huì)比較慢 ，需要等待幾分鐘。
三、創(chuàng)建新項(xiàng)目
運(yùn)行下列命令來(lái)生成一個(gè)新項(xiàng)目以及應(yīng)用的骨架代碼：
ng new my-app
注 ：第一次安裝過(guò)程也比較慢，耐心等待幾分鐘，
四、啟動(dòng)開(kāi)發(fā)服務(wù)器
進(jìn)入項(xiàng)目 目錄，并啟動(dòng)服務(wù)器
cd my-app ng serve --open
ng serve命令會(huì)啟動(dòng)開(kāi)發(fā)服務(wù)器，監(jiān)聽(tīng)文件變化，并在修改這些文件時(shí)重新構(gòu)建此應(yīng)用。
使用--open（或-o）參數(shù)可以自動(dòng)打開(kāi)瀏覽器并訪(fǎng)問(wèn)http://localhost:4200/。
五、在 VS Code中打開(kāi)項(xiàng)目
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
更多：
相關(guān)文章
這篇文章主要介紹了AngularJS 自定義指令，這里整理了詳細(xì)的資料及簡(jiǎn)單實(shí)例代碼，有需要的小伙伴可以參考下2016-09-09
AngularJS雙向數(shù)據(jù)綁定原理之$watch、$apply和$digest的應(yīng)用
這篇文章主要介紹了AngularJS雙向數(shù)據(jù)綁定原理之$watch、$apply和$digest的應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
詳解AngularJs ui-router 路由的簡(jiǎn)單介紹
本篇文章主要介紹了AngularJs ui-router 路由的簡(jiǎn)單介紹。簡(jiǎn)單明了的說(shuō)明了ngRoute和ui-router的區(qū)別和用法，有興趣的可以了解一下2017-04-04
這篇文章主要給大家介紹了在Angular2下使用pdf插件的方法，使用這個(gè)插件是要實(shí)現(xiàn)一個(gè)pdf顯示的功能，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
AngularJS中$watch和$timeout的使用示例
這篇文章給大家介紹了AngularJS中$watch和$timeout的使用例子，通過(guò)示例代碼相信更能讓大家理解，有需要的朋友們下面來(lái)一起看看吧。2016-09-09
使用Angular material主題定義自己的組件庫(kù)的配色體系
這篇文章主要介紹了使用Angular material主題定義自己的組件庫(kù)的配色體系的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了淺談angular2路由預(yù)加載策略，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
AngularJS學(xué)習(xí)第二篇 AngularJS依賴(lài)注入
這篇文章主要為大家詳細(xì)介紹了AngularJS學(xué)習(xí)第二篇，理解什么是AngularJS依賴(lài)注入，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了angular表單驗(yàn)證的相關(guān)知識(shí),angular來(lái)驗(yàn)證可以定義樣式的，下文通過(guò)代碼給大家實(shí)例介紹下，需要的朋友可以參考下2016-10-10
本篇文章主要介紹了詳解AngularJS2 Http服務(wù)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06