使用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/[email protected] 安装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/[email protected]

       直到没有错误为止。   

    

  

    

  

 

  

猜你喜欢

转载自www.cnblogs.com/july-notes/p/8989636.html