新建Angular项目

  1. 创建一个工作空间文件夹

  2. 命令行 cd 到这个文件夹

  3. 使用命令创建一个项目 ```shell

    直接安装

    ng new test01

    只创建项目,不安装依赖

    ng new test01 —skip-install

    或者 ng new test01 —skipInstall

不初始化git, 简写 -g

ng new test01 —skipGit

  3. 4. 
  4. 选择是否需要增加路由
  6. 5. 
  7. 选择项目使用的是css还是指定的预处理器：CSS、SCSS、SASS、LESS、Stylus
  9. 6. 
  10. Angular自动创建项目文件
  12. 7. 
  13. Angular创建文件后，会自动执行 `npm i` 安装 package.json中的依赖，可以使用`ctrl + c`强制结束该步骤
  15. 8. 
  16. 进入到项目文件夹，使用命令安装依赖
  17. ```shell
  18. cd test01
  19. cnpm install
  1. 安装好依赖后，编译并启动项目

    --open 选项会自动打开浏览器，简写 -o ，并访问 http://localhost:4200/

--port 选项可以设置监听的端口号

  1. # ng server 简写为：ng s
  2. ng serve --open
  3. # 或者 npm start

出现的问题

ng命令报错

如果在项目中使用ng命令出现如下报错：

  1. ng:无法加载文件ng.ps1，因为在此系统上禁止运行脚本.

则需要修改计算机的执行策略：

  1. 使用管理员身份打开PowerShell

  2. 执行如下命令

    1. set-ExecutionPolicy RemoteSigned
  1. 根据提示，输入A
    1. [Y] 是 
    2. [A] 全是
    3. [N] 否（默认值）
    4. [L] 全否
    5. [S] 暂停
    6. [?] 帮助
  1. 使用命令查看是否修改成功
    1. get-ExecutionPolicy

前后端分离项目配置浏览器跨域

Angular项目调用后端项目接口时会涉及跨越问题，需要配置谷歌浏览器跨域：

  1. 创建一个文件夹，作为谷歌浏览器的跨域用户的数据文件夹

  2. 配置快捷方式的目标，添加参数：允许跨域--disable-web-security、跨域用户的数据文件夹--user-data-dir

    1. "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=D:\PC_Document\GoogleData\CrossDomainUser
  1. 启动该快捷方式，即会以一个新用户启动谷歌浏览器，新用户的产生的浏览数据保存在指定的文件夹中，且该快捷方式允许跨域请求。