【Angular】创建一个新项目

安装

npm install -g @angular/cli

创建新项目

1 2	// ng new [项目名] ng new angular

运行应用程序

1 2 3 4 5

// cd [项目名] cd angular // 启动服务且自动打开浏览器 ng serve --open

补充：
1、问题：在执行 MAC 上 ng new angular 创建项目的时候，会报错误：

解决办法：将用户的npm相关文件夹的所有权恢复到当前用户，如下：

1 2	sudo chown -R $USER:$GROUP ~/.npm sudo chown -R $USER:$GROUP ~/.config

2、问题：启动服务打开浏览器的时候只能输入http://localhost:4200/访问，不能 IP 访问。
解决办法：修改package.json文件下的"start": "ng serve", 为 "start": "ng serve --host 0.0.0.0"，如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

// 修改前： "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, //修改后； "scripts": { "ng": "ng", "start": "ng serve --host 0.0.0.0", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" },

修改完成后，执行npm start，在浏览器上输入 IP 就可以访问啦，赶快去试一试把！

---

• Previous Post →
• ← Next Post