Angular.js开发环境搭建

1.搭建Angular开发环境

1）安装node.js

a.下载解压版：

b.解压压缩包

例如解压到E:\Node\node10.15.1

将解压目录配置到环境变量path

验证node和npm安装：

c.解压目录下创建两个目录

node-global :npm全局安装位置
node-cache：npm 缓存路径

d.设置两个目录：

npm config set prefix "E:\Node\node10.15.1\node-global"
npm config set cache "E:\Node\node10.15.1\node-cache"

e.将node-global也设置到path环境变量

2）安装webpack 

命令：npm install webpack -g 

 webpack是用来打包的module，通常我们会在命令行中执行，而webpack同样在node-global中做了映射，所以只需要将node-global加入path环境变量即可。

3）安装typeScript和@angular/cli

npm install -g typescript

npm install  -g @angular/cli

验证安装：

4）安装IDE

推荐安装IDE：VSCode
下载地址：http://www.vscode.org/
提示：下载后直接安装启动，无需配置任何系统环境变量

2.创建第一个工程

创建运行我们的第一个angular项目：“HelloAngular”

右击打开cmd

输入命令行语句：

1）创建新项目：ng new HelloAngular

2）cmd进入项目目录，安装依赖包：cnpm install

 

3）cmd进入项目目录，启动项目：cnpm start

 

4）访问查看

打开浏览器输入：localhost:4200/