angular4+springboot项目开发—angular(创建新项目)

创建angular项目

一 安装node.js
官网地址
在命令行中验证是否安装成功
node
npm -v
二 全局安装Angular Cli脚手架工具
1、npm安装
npm install -g @angular/cli
安装淘宝镜像
npm install -g cnpm –registry=https://registry.npm.taobao.org

• 安装angular cil失败
• npm uninstall -g @angular/cli //卸载angular/cli /
• npm cache clean //清除缓存
• cnpm install -g @angular/cli //重新安装
• 检测是否安装成功 ng-v
  三 创建新项目
  1、cd进入所要创建项目的目录
  ng new angular(项目名称)
  cd angular
  cnpm install (安装依赖)
  ng server/cnpm start (启动项目)
  2、使用webStotrm创建
  点击 Create New Project
  选择Angular Cli
  cnpm install (安装依赖)
  ng server/cnpm start (启动项目)
  (可以修改启动端口，默认4200) 点击参考
  四 项目结构
  
  Angular cli 工具生成的目录文件名不要随意修改，要不然会影响工具的使用。
  e2e：端到端的测试目录，用来做自动测试的。
  node_modules：Angular第三方包。
  src：应用源代码目录，我们写的代码在这里面。
  .editorconfig：webstrom IDE配置文件。
  .gitignore：git配置文件。
  .angular-cli.json：Angular命令行配置文件，实际项目中会修改该文件，引入第三方包等。
  karma.conf.js：karma是单元测试的执行器，是karma的配置文件。
  package.json：npm的Angular第三方包目录，在命令行创建项目的时候，会根据这个配置文件去下载第三方包，保存在node_modules中。
  protractor.conf.js：自动化测试的配置文件。
  README.md：命令行的使用说明。
  tsconfig.json：Typescript编译成JavaScript的配置文件。
  tslint.json：Angular代码检测配置文件。
  app：编写的代码
  assets：静态资源
  environments：环境配置文件，Angular支持多环境开发，开发环境，测试环境，生成环境。比如：将开发环境，测试环境，生成环境的服务器访问地址配置在不同文件
  main.ts：脚本执行入口点。
  polyfills.ts：导入一些第三方库，意在兼容一些浏览器。
  styles.css：全局的样式写在这里。