Angular开发环境搭建

  1. 云栖社区>
  2. 博客>
  3. 正文

Angular开发环境搭建

java小工匠 2017-07-12 11:52:00 浏览581
展开阅读全文

1、安装NODEJS

(1) nodejs程序下载
http://nodejs.cn/download/ ,根据自己的操作系统,选择对应的版本。

image.png

(2) nodejs安装
安装过程,按照引导程序,一步一步走下去即可。
(3)nodejs验证
在命令行输入 node -v,显示正确的版本,表示安装成功。
image.png

2、安装Python

(1) python程序下载
https://www.python.org/downloads/release/python-2713/ ,根据自己的操作系统,选择对应的版本。
(2)python程序安装
安装目录选择 C:\Python27 目录。

3、安装Angular-cli

(1)安装Angular-cli

npm install -g @angular/cli

(2)验证Angular-cli

ng -v
image.png

4、创建一个项目

//lzf 项目名称
ng new lzf
image.png

5、启动项目

进入项目目录,运行如下命令

npm start

运行结果:

image.png

浏览器访问
http://127.0.0.1:4200
image.png

6、打包项目

执行命令:

ng build

运行结果:

image.png

输出文件:
输出文件在项目的dist目录中。
image.png

7、独立部署

将打包的向, 拷贝到nginx 或者tomcat 或者其他服务器,可以独立的部署。在index.html 中的base 标签,修改项目的根路径。

  <base href="/">

网友评论

登录后评论
0/500
评论
java小工匠
+ 关注