使用Angular4手把手构建符合企业实际的项目管理系统-----环境搭建

初始环境搭建：

               nodejs       6.x版本

　　　　安装nodejs的目的是使用npm管理项目依赖库的软件包   

　　　　此时使用node --version  ,npm --version确认其正确安装

　　　　由于网络环境的原因可以使用cnpm(首选，淘宝团队维护)和yarn作为替代的包管理工具

 　　　　安装cnpm:    npm i -g cnpm

　　　　此时可以使用cnpm替代npm安装命令  例如：cnpm i  -g @angualr/cli

　　　　使用cnpm i  -g @angualr/cli@1.0.0 安装angular脚手架 通过cli工具可以自动构建项目，模块，路由等等

　　　　angular cli工具可以使我们无须理会项目结构的配置，使我们更关注于项目功能的编写。

　　　　此时会产生一个ng的命令，ng常用命令：

　　　　ng new 项目名   新建angular项目

　　　　ng build -prod  生产环境编译  

　　　　ng serve 启动开发服务器

　　　　ng serve --port 指定端口号   

　　　　ng test   　

IDE配置：

            VSCode

   Debug插件       Angualr2+Snippets插件

   扩展→搜索 Debug  找到Debugger for Chrome

　　　　　　　　　　　　Angular2+ Snippets

    Chrime浏览器安装Augury扩展程序

　使用Augury可以查询依赖关系图，项目结构等等

package.json中:

　使用npm --save命令  则依赖会被记录在"dependencies"中

　使用npm  --save -dev命令  则依赖会被记录在"devDependencies"中

　软件运行时的依赖是在dependencies 中，而开发测试时候的依赖可以在devDependencies中 

安装@angular/cli出现错误解决办法：

　　npm uninstall -g @angular/cli

　　npm cache clean 

　　npm install -g @angular/cli@1.0.0

       直到没有错误为止。   

转载于:https://www.cnblogs.com/july-notes/p/8989636.html