2016-05-11 7 views
59

ng serve कमांड के साथ कोणीय-क्ली का उपयोग कैसे करें, मैं डिफ़ॉल्ट पोर्ट कैसे निर्दिष्ट कर सकता हूं, इसलिए मुझे हर बार --port ध्वज को मैन्युअल रूप से पास करने की आवश्यकता नहीं है?कोणीय-क्ली सर्वर - डिफ़ॉल्ट पोर्ट

उत्तर

92

के लिए अद्यतन @ कोणीय/CLI अंतिम: angular-cli.json अंदर आप चूक में पोर्ट निर्दिष्ट कर सकते हैं:

"defaults": { 
    "serve": { 
    "port": 1337 
    } 
} 

लिगेसी:

[email protected] में परीक्षण किया गया .0-बीटा.22-1

में सर्वरember-cli प्रोजेक्ट से आता है। सर्वर को कॉन्फ़िगर करने के लिए, प्रोजेक्ट रूट में .ember-cli फ़ाइल बनाएं। वहां अपनी JSON कॉन्फ़िगरेशन जोड़ें:

{ 
    "port": 1337 
} 

सर्वर को पुनरारंभ करें और यह उस पोर्ट पर सेवा करेगा।

वहाँ और अधिक विकल्प यहाँ निर्दिष्ट कर रहे हैं: http://ember-cli.com/#runtime-configuration

{ 
    "skipGit" : true, 
    "port" : 999, 
    "host" : "0.1.0.1", 
    "liveReload" : true, 
    "environment" : "mock-development", 
    "checkForUpdates" : false 
} 
50

कोणीय 2 [email protected] में,

भिन्न पोर्ट पर एक नई परियोजना चलाने के लिए, एक ही रास्ता पोर्ट निर्दिष्ट करने के लिए है जबकि आप ng सेवा कमांड चलाते हैं।

ng serve --port 4201 

या अन्य तरह, आप अपने package.json फ़ाइल लिपियों हिस्से को संपादित करने और अपने शुरू चर करने के लिए बंदरगाह संलग्न है जैसे मैं नीचे उल्लेख और फिर बस "NPM शुरुआत"

"scripts": { 

    "ng": "ng", 
    "start": "ng serve --port 4201", 
    ... : ..., 
    ... : .... 
} 

इस चला सकते हैं रास्ता बहुत बेहतर है जहां आपको हर बार बंदरगाह को परिभाषित करने की आवश्यकता नहीं है।

12

इसके बजाय एनपीएम स्क्रिप्ट का उपयोग करें ... अपना पैकेज.जेसन संपादित करें और स्क्रिप्ट अनुभाग में कमांड जोड़ें।

{ 
    "name": "my new project", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve --host 0.0.0.0 --port 8080", 
    "lint": "tslint \"src/**/*.ts\" --project src/tsconfig.json --type-check && tslint \"e2e/**/*.ts\" --project e2e/tsconfig.json --type-check", 
    "test": "ng test", 
    "pree2e": "webdriver-manager update --standalone false --gecko false", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "^2.3.1", 
    "@angular/compiler": "^2.3.1", 
    "@angular/core": "^2.3.1", 
    "@angular/forms": "^2.3.1", 
    "@angular/http": "^2.3.1", 
    "@angular/platform-browser": "^2.3.1", 
    "@angular/platform-browser-dynamic": "^2.3.1", 
    "@angular/router": "^3.3.1", 
    "core-js": "^2.4.1", 
    "rxjs": "^5.0.1", 
    "ts-helpers": "^1.1.1", 
    "zone.js": "^0.7.2" 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "^2.3.1", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "^6.0.42", 
    "angular-cli": "1.0.0-beta.26", 
    "codelyzer": "~2.0.0-beta.1", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "1.2.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-remap-istanbul": "^0.2.1", 
    "protractor": "~4.0.13", 
    "ts-node": "1.2.1", 
    "tslint": "^4.3.0", 
    "typescript": "~2.0.3" 
    } 
} 

तो बस निष्पादित npm start

+0

यह स्थायी रूप से ऐसा करने का सही तरीका है; इसलिए आपको हर बार --port के लिए कमांड लाइन पैरामीटर निर्दिष्ट करने की आवश्यकता नहीं है। इसके अलावा - इस उत्तर में सबसे पुराना पैराग्राम (या किसी भी रिमोट सिस्टम) के माध्यम से कोणीय 4 चलाने के लिए आवश्यक है ताकि यह एक पत्थर के साथ 2 पक्षियों को मार सके। –

7

अब आप चूक के तहत .angular-cli.json में पोर्ट निर्दिष्ट कर सकते हैं:

"defaults": { 
    "styleExt": "scss", 
    "serve": { 
    "port": 8080 
    }, 
    "component": {} 
} 

कोणीय CLI v1.0.6

में परीक्षण किया गया
+0

धन्यवाद !!! ** @ कोणीय/क्ली के साथ एक ही चीज़ का परीक्षण किया गया है: 1.3.0 **। –

1

मैं आमतौर पर प्रोजेक्ट स्तर के लिए कोणीय सीएलआई सेटिंग्स को बदलने के लिए ng set कमांड का उपयोग करता हूं।

ng set defaults.serve.port=4201 

यह अपने .angular.cli.json बदल बदल देता है और it mentioned earlier के रूप में बंदरगाह सेटिंग्स कहते हैं।

इस परिवर्तन के बाद आप बस ng serve का उपयोग कर सकते हैं और यह हर बार इसे निर्दिष्ट करने की आवश्यकता के बिना पसंदीदा पोर्ट का उपयोग करने जा रहा है।

संबंधित मुद्दे