Angular4.0 入门前的环境配置准备工作

1.   下载安装nodeJS 安装包  https://nodejs.org/zh-cn/

win+r  CMD进入命令行

在命令行输入node -v 查看版本结果

2.    将npm 改为cnpm（使用淘宝镜像cnpm）

npm install -g cnpm--registry=https://registry.npm.taobao.org

然后命令行输入cnpm -v 检查版本结果

3.    安装全局angular cli

cnpm install -g @angular/cli

安装完，可以用ng -v 检查安装结果

4.    创建项目

用命令行cd 切换到 工作目录

输入命令 创建项目

ng new myApp   [myApp项目名称]

等待一会后，看到Project 'demo1' successfullycreated. 项目创建成功

 

5.    用webstrom 打开项目

在命令行输入

引入我们常用的插件 库 需要三步

第一步用命令行  安装 bootstrap jquery

cnpm install bootstrap --save

cnpm install jquery --save

第二步 打开.angular-cli.json 找到script

然后在里面引入bootstrap jQuery 的路径

第三步

因为angular是typescript 语言，我们需要让typescript  也要认识

命令行输入

cnpm install @type/bootstrap --save-dev

cnpm install @type/jquery --save-dev

这样我们就可以在项目中使用jQuery bootstrap了

6.启动项目

npm start 或  ng serve

运行完之后 需要在浏览器里 打开http:localhost:4200

如果多个angular项目运行，会提示端口被占用

可以用 ng serve -p 3000 修改端口号

7.项目打包

用angular cli 创建的项目会有很多文件，我们就需要打包后再发行

ng build