溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Angular4我自己還在摸索學習中，這個系列中的筆記會不定期修改和更新……
一、安裝nodejs（下面方式 二選一，個人推薦第二種）
1、nodejs官網下載安裝
2、使用nvm安裝管理（具體方式參照我的另一篇）
二、全局安裝angular-cli
npm install -g @angular/cli
三、進入一個存放項目的文件夾，運行以下代碼，初始化項目
ng new <項目名>
四、啟動項目
cd <項目名> npm install ng serve
附：
1.引入jQuery和bootstrap
a.安裝jquery和bootstrap
npm install jquery --save npm install bootstrap --save
b.安裝@types/jquery
c.在項目的根目錄下找到.angular-cli.json文件修改其配置，修改時注意引用路徑是以index.html文件為起始路徑，而不是項目根路徑
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"version": "1.0.0-alpha.4",
"name": "angualr4demo"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": ["assets"],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",<!-- 這里添加bootstrap引用路徑 --!>
"scss/style.scss"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js"<!-- 這里添加jquery引用路徑 --!>
],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"lint": [
{
"project": "src/tsconfig.app.json"
},
{
"project": "src/tsconfig.spec.json"
},
{
"project": "e2e/tsconfig.e2e.json"
}
],
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "scss",
"prefixInterfaces": false
}
}
d. 在src/typings.d.ts 中添加
declare var $: JQueryStatic;
2、引入require
在在src/typings.d.ts 中添加
declare var require: any;
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
