angular疑难杂症

执行 ng config xxx 后 ng xxx 命令报错 重装@angular/cli仍然报错

报错信息

1
2
3
4
5
6
7
8
9
10
11
12
Workspace needs to be loaded before it is used.
Error: Workspace needs to be loaded before it is used.
    at Workspace._assertLoaded (/usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:59:19)
    at Workspace._getTool (/usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:145:14)
    at Workspace.getCli (/usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:127:21)
    at Object.getDefaultSchematicCollection (/usr/local/lib/node_modules/@angular/cli/utilities/config.js:209:32)
    at NewCommand.parseCollectionName (/usr/local/lib/node_modules/@angular/cli/commands/new.js:88:76)
    at NewCommand.initialize (/usr/local/lib/node_modules/@angular/cli/commands/new.js:46:37)
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/models/command-runner.js:87:23)
    at Generator.next (<anonymous>)
    at fulfilled (/usr/local/lib/node_modules/@angular/cli/models/command-runner.js:4:58)
    at <anonymous>

解决方案

删除angular-config.json文件

1
rm ~/.angular-config.json

ALL >>

angular 入门系列 - 环境配置

Step 1. 安装node

建议使用nvm安装

1
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

Step 2. 使用n安装lts版nodejs

node版本管理神器 n

1
2
3
# 需要roo权限
sudo npm i -g n
sudo n lts

Step 3. 安装 yarn

1
npm i -g yarn

Step 4. 安装 @angular/cli

1
npm i -g @angular/cli@6.0.0

Step 5. 创建angular项目

1
2
# 添加css预处理器scss [angular cli css preprocessor](https://github.com/angular/angular-cli/wiki/stories-css-preprocessors)
ng new angular6-demo --style=scss

Step 6. 运行angular

1
2
cd angular6-demo
yarn start

ALL >>

Nginx 配置

安装nginx

1
brew install nginx

配置nginx

配置文件: /usr/local/etc/nginx/nginx.conf

  • 将 http 部分修改成下面的配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
http {
  include       /etc/nginx/mime.types;
  default_type  application/octet-stream;

  log_format    main  '$remote_addr - $remote_user [$time_local] "$request" '
  '$status $body_bytes_sent "$http_referer" '
  '"$http_user_agent" "$http_x_forwarded_for"';

  access_log    /var/log/nginx/access.log  main;    #日志文件存放位置

  sendfile      on;

  keepalive_timeout  65;

  gzip on;
  gzip_http_version  1.0;
  gzip_disable       "MSIE [1-6].";
  gzip_min_length    512;
  gzip_types         text/plain application/x-javascript text/css text/javascript application/javascript application/xml application/json;

  include servers/*.conf;
}

如果日志文件的路径不存在, 则需要先创建: sudo mkdir -p /var/log/nginx/

修改访问权限: sudo chmod -R a+rw /var/log/nginx/

如果出现没有权限访问access.log文件, 可手工创建, 并修改权限:

touch /var/log/nginx/access.log && sudo chmod a+rw /var/log/nginx/access.log

代理配置

配置文件: /usr/local/etc/nginx/proxy.conf

  • proxy.conf的内容如下:
1
2
3
4
5
6
7
8
9
10
11
12
proxy_redirect          off;
proxy_set_header        Host $host;
proxy_set_header        X-Real-IP $remote_addr;
client_max_body_size    10m;
client_body_buffer_size 128k;
proxy_connect_timeout   300;
proxy_send_timeout      300;
proxy_read_timeout      300;
proxy_buffer_size       4k;
proxy_buffers           4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;

配置转发

配置文件: /usr/local/etc/nginx/servers/food.conf

注意:

请将配置文件中的 /root/workspace/project/src 修改为本地路径

#测试服务器

1
2
3
upstream sandbox {
  server sandbox.com:80;
}

#正式服务器

1
2
3
upstream deploy {
  server deploy.com;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
server {
  listen 80;
  server_name  localhost 127.0.0.1; #可通过这二个地址访问

#日志文件的存放位置
  access_log    /var/log/nginx/food-access.log  main;
  error_log     /var/log/nginx/food-error.log;

  index index.html;

  location /api {
    proxy_pass              http://sandbox.com/api;
    # Host限定
    proxy_set_header        Host sandbox.com;
    include proxy.conf;
  }

  location /admin {
    proxy_pass              http://sandbox.com/admin;
    # Host限定
    proxy_set_header        Host sandbox.com;
    include proxy.conf;
  }

  location / {
    root        /root/workspace/project/src;  #将该地址指向正确的项目路径
    index       index.html index.htm;
  }

  location @badrequest {
    default_type "application/json; charset=utf-8";
    if ($http_x_locale ~* "^zh") {
      return 400 "{\"error\":{\"code\":96,\"message\":\"请求不正确\"}}";
    }
    return 400 "{\"error\":{\"code\":96,\"msg\":\"Bad request\"}}";
  }
  location @versiontooold {
    default_type "application/json; charset=utf-8";
    if ($http_x_locale ~* "^zh") {
      return 404 "{\"error\":{\"code\":97,\"message\":\"App版本过低，请升级\"}}";
    }
    return 404 "{\"error\":{\"code\":97,\"message\":\"App is too old, please upgrade\"}}";
  }
  location @servererror {
    default_type "application/json; charset=utf-8";
    if ($http_x_locale ~* "^zh") {
      return 500 "{\"error\":{\"code\":98,\"message\":\"系统繁忙，请稍后重试\"}}";
    }
    return 500 "{\"error\":{\"code\":98,\"message\":\"Unknown error, please retry later\"}}";
  }
  location @maintenance{
    default_type "application/json; charset=utf-8";
    if ($http_x_locale ~* "^zh") {
      return 503 "{\"error\":{\"code\":99,\"message\":\"很抱歉，服务器维护中，请稍后重试\"}}";
    }
    return 503 "{\"error\":{\"code\":99,\"message\":\"The server is under maintenance, please retry later\"}}";
  }
  error_page 400 = @badrequest;
  error_page 404 = @versiontooold;
  error_page 500 = @servererror;
  error_page 502 503 504 = @maintenance;
}

验证配置文件

1
nginx -t

启动nginx

1
nginx

重启或重加载配置文件

1
nginx -s reload

ALL >>

git常用命令

git检出远程分支

git checkout -b localBranch remote/branchName

回退到制定版本

1
2
git log #查看版本提交日志
git reset --hard 61e0e8b94667afe99c8dcd4f954ad69d0d6f49e8

列出远程tag列表

1
git ls-remote --tag

检出所有远程分支

1
2
3
for branch in $(git branch --all | grep '^\s*remotes' | egrep --invert-match '(:?HEAD|master)$'); do
    git branch --track "${branch##*/}" "$branch" 2>/dev/null
done

删除所有远程tag

1
2
# xargs -p 可打印出将执行的命令
git tag | xargs -n1 git push origin --delete

ALL >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

嗯？ 嗯～