tôi đã sử dụng Xampp và JetBrain WebStorm để chạy một dự án AngularJS. Nhưng nó phức tạp và hiệu suất thấp. Có cách nào khác để chạy một dự án AngularJS không?
tôi đã sử dụng Xampp và JetBrain WebStorm để chạy một dự án AngularJS. Nhưng nó phức tạp và hiệu suất thấp. Có cách nào khác để chạy một dự án AngularJS không?
Câu trả lời:
Nếu bạn đang chạy http-server node.js thì rất dễ dàng.
cd vào thư mục dự án của bạn và
npx http-server -o
# or, install it separately so you don't need npx
npm install -g http-server
http-server -o
-olà để mở trình duyệt đến trang. Chạy http-server --helpđể xem các tùy chọn khác như thay đổi số cổng
node?những lớp lót khác này có thể dễ dàng hơn nếu bạn chưa có node/ npmcài đặt.
Ví dụ: python được cài đặt sẵn trên hầu hết các hệ thống, vì vậy các máy chủ python của John Doe bên dưới sẽ nhanh hơn.
MacOS được cài đặt với ruby, vì vậy đây là một tùy chọn dễ dàng khác nếu bạn đang chạy Mac:
ruby -run -ehttpd . -p8000và mở trình duyệt của bạn http://localhost:8000.
Python có một lệnh tích hợp đặc biệt để quay một máy chủ web:
Python3.x:
python -m http.server 8000Các phiên bản khác:
python -m SimpleHTTPServer 8000Sẽ khởi động một máy chủ web trên cổng 8000
(Python là điều kiện tiên quyết cho điều này; nếu bạn chưa cài đặt python, các câu trả lời khác có thể dễ dàng hơn)
python -m http.server 8000
Bạn có thể bắt đầu bằng cách cài đặt Node.js từ terminal hoặc cmd:
apt-get install nodejs-legacy npmSau đó cài đặt các phụ thuộc:
npm installSau đó, khởi động máy chủ:
npm startcd <your project folder>(nơi mã có thể triển khai của anglejs của bạn ở đó)
sudo npm cài đặt serve -g
giao banh
Bạn có thể truy cập trang của mình tại
localhost: 3000 hoặc IPaddress: 3000
Tôi sử dụng:
Cài đặt Node.js. và npm. npm được cài đặt với Node.js
Được đặt bên trong thư mục dự án gốc
$ cd <your_angularjs_project>Lệnh tiếp theo tạo package.json
$ npm initCài đặt express ==> Nhanh chóng, đơn giản hóa, tối giản cho nút:
$ npm install express --saveCài đặt morgan ==> Phần mềm trung gian trình ghi yêu cầu HTTP cho node.js
$ npm install morgan --savetạo tệp server.js
thêm mã sau vào tệp server.js
// Required Modules
var express = require("express");
var morgan = require("morgan");
var app = express();
var port = process.env.PORT || 3002;
app.use(morgan("dev"));
app.use(express.static("./"));
app.get("/", function(req, res) {
res.sendFile("./index.html"); //index.html file of your angularjs application
});
// Start Server
app.listen(port, function () {
console.log( "Express server listening on port " + port);
});
Cuối cùng chạy dự án AngularJS của bạn trong máy chủ localhost:
$ node server.jsSử dụng gói npm local-web-server.
https://www.npmjs.com/package/local-web-server
$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws
Ngoài ra, bạn có thể chạy
$ ws -p 8181-p xác định cổng bạn muốn sử dụng
Sau đó, chỉ cần vào trình duyệt của bạn và truy cập http: localhost: 8181 /
ng phục vụ
Lệnh này chạy trong thiết bị đầu cuối của bạn sau khi vị trí thư mục trong dự án của bạn như ~/my-app$
Sau đó chạy lệnh - nó sẽ hiển thị URl NG Live Development Server đang nghe localhost:4200
Mở trình duyệt của bạn trên http: // localhost: 4200
Một ứng dụng góc cạnh có thể được triển khai bằng bất kỳ máy chủ Web nào trên localhost. Các tùy chọn bên dưới phác thảo hướng dẫn triển khai cho một số triển khai máy chủ web có thể có tùy thuộc vào yêu cầu triển khai của bạn.
Windows IIS phải được bật
1.1. Trong Windows, truy cập Bảng điều khiển và nhấp vào Thêm hoặc loại bỏ chương trình.
1.2. Trong cửa sổ Thêm hoặc Loại bỏ Chương trình, bấm Thêm / Loại bỏ Cấu phần Windows.
1.3. Chọn hộp kiểm Dịch vụ Thông tin Internet (IIS), bấm Tiếp theo, sau đó bấm Kết thúc.
1.4. Sao chép và giải nén tệp Angular Application Zip vào thư mục gốc của máy chủ web: C: \ inetpub \ wwwroot
"Giả sử rằng bạn đã cài đặt nodejs",
mini-http là một công cụ dòng lệnh khá dễ dàng để tạo máy chủ http,
cài đặt gói trên toàn cầu npm install mini-http -g
sau đó sử dụng cmd (thiết bị đầu cuối) mini-http -p=3000của bạn chạy trong thư mục dự án của bạn Và bùng nổ! bạn đã tạo một máy chủ trên cổng 3000 bây giờ hãy kiểm tra http: // localhost: 3000
Lưu ý: không bắt buộc chỉ định một cổng, bạn có thể chỉ cần chạy mini-httphoặc mhkhởi động máy chủ
Nếu bạn là một người yêu thích java, hãy đặt thư mục góc cạnh của bạn vào thư mục nội dung web của ứng dụng web và triển khai tới máy chủ tomcat của bạn. Siêu dễ dàng!
Giả sử bạn đã cài đặt node.js, bạn có thể sử dụng đồng bộ trình duyệt để kiểm tra trình duyệt được đồng bộ hóa.
Nếu bạn đã sử dụng Cộng đồng Visual Studio hoặc bất kỳ phiên bản nào khác cho dự án góc cạnh của mình, thì hãy chuyển đến thư mục dự án, gõ đầu tiên
C: \ Project Folder> npm install -g http-server Bạn sẽ thấy như sau: + http-server@0.11.1 đã thêm 25 gói trong 4.213 giây
Sau đó gõ C: \ Project Folder> http-server –o
Bạn sẽ thấy rằng ứng dụng của mình tự động xuất hiện tại http://127.0.0.1:8080/
Bạn cũng có thể thiết lập môi trường trong mã studio trực quan. Chạy Ctrl + Shift + P, Sau đó nhập ctr vào hộp xuất hiện và chọn nhiệm vụ: Định cấu hình Task Runner, Sau đó thay đổi tệp task.json thành tệp này : { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }, lưu các thay đổi của bạn, Sau đó chọn tệp index.html của bạn và nhập Ctrl + Shift + B. Thao tác này sẽ mở dự án bằng trình duyệt mặc định của bạn.