1. 程式人生 > >搭建Angular開發環境

搭建Angular開發環境

1.準備

安裝Nodejs–>官網下載
:安裝完畢:npm -v
安裝AngularCLI–>npm install -g @angular/cli
:安裝完畢:ng -v
安裝WebStorm–>官網下載

2.專案

命令列:
1.ng new xxxxx
(xxxxx:專案名)
2.用WebStorm開啟專案
3.ng serve --open

3.開發準備

1.安裝jquery
npm install jquery --save
安裝bootstrap
npm install bootstrap --save
注:在當前專案目錄下
—>觀察node_modules,package.json變化
2.把庫引入到專案中


修改anglar-cli.json檔案
注:6.x以後就用angular.json替代了angular-cli.json
apps配置下:修改
styles:
scripts:
引入

3.型別檔案安裝到本地庫
npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev