Angular开发环境搭建

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="/">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容