搭建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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章