1. 程式人生 > >angular的建立和引用命令

angular的建立和引用命令

首先去官網下載nodejs,基本安裝好nodejs就包含了npm工具。

 

進入cmd,找到你安裝nodejs的路徑:

1.檢視你npm和nodejs的版本,如果正常顯示版本號,則說明安裝成功:

npm -v
node -v

2.使用npm命令建立angular的cli 檔案:

// 區域性安裝
npm install -g @angular/cli
// 全域性安裝
npm install -g angular-cli

3.建立新angular的檔案:

// 建立angular檔案
ng new angularFile
// 建立帶有路由的angular檔案
ng new angularFile --routing

 


 

如果你之前安裝過Angular CLI,出了問題需要解除安裝,清空快取的話:

npm uninstall -g angular-cli
npm cache clean --force

如果出現問題:

npm cache clear --force && npm install --no-shrinkwrap --update-binary

 


 

建立元件:

// componentName 為元件名
ng g component componentName

引入第三方類庫(外掛):

// 引入jquery和bootstrap類庫
npm install jquery --save
npm install bootstrap --save

// 引入型別檔案
npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev

在檔案中配置:

在src的angular.json檔案中的styles和stripts中引入你下載的第三方類庫:

"styles": [
    "src/styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js"
]

 

簡單總結,如有不足,歡迎指出!