angular的建立和引用命令
阿新 • • 發佈:2019-01-06
首先去官網下載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" ]
簡單總結,如有不足,歡迎指出!