Angular 开发前的注意事项

写在前面

是Angular 不是angular.js!!!
本文只是列举一些ng开发中的注意事项,有一些是自己遇到的坑,总结一下分享…

构建项目
  • 安装 npm install -g @angular/cli
  • 创建项目 ng new name
  • 安装这一块官网上面写的很详细了Angular安装起步
项目运行起来
  • ng serve 使用 http://localhost:4200访问
  • ng serve --port 端口号 自定义端口号访问
  • ng serve --host 本机IP 使用本机IP访问,以供局域网中设备访问
配置.angular-cli.json文件,引用其它js框架,css框架,或者使用less/sass语法
{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "demo1"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      //样式放这里面,路径引用
      "styles": [
        
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值