Angular开发环境搭建

简介: 1、安装NODEJS(1) nodejs程序下载从http://nodejs.cn/download/ ,根据自己的操作系统,选择对应的版本。image.png(2) nodejs安装安装过程,按照引导程序,一步一步走下去即可。

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="/">
相关文章
|
缓存 前端开发 JavaScript
Javascript学习-angular开发环境搭建及新建项目并运行
Javascript学习-angular开发环境搭建及新建项目并运行
116 0
Javascript学习-angular开发环境搭建及新建项目并运行
|
缓存 前端开发 JavaScript
Javascript学习-angular开发环境搭建及新建项目并运行
Javascript学习-angular开发环境搭建及新建项目并运行
115 0
Javascript学习-angular开发环境搭建及新建项目并运行
|
JavaScript
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
410 0
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
|
前端开发 API 开发工具
二、Angular 2.0开发指南以及搭建开发环境
> 自第一章讲Angular2.0的简单开发入门,我们了解到ng2的开发实践是围绕着web-component来展开的,ng2中更加强化了Component的概念,弱化了指令的概念(实际上Component是复杂指令)。同时我们学习到web-component中数据和视图是如何互相影响的,即`Input`和`Output`的概念,数据通过Input往view以及view里的子组件传递,view及其
1573 0
|
监控 Java 开发工具
android系统开发环境搭建
Android Studio开发工具介绍、Android SDK和Android开发环境的安装
281 0
android系统开发环境搭建
|
Java Android开发 C++
Mac下Android Studio 3.x的NDK开发环境搭建
目录 前言 CMake 用CMake向已有AS项目添加C/C++代码 ndk-build 最后 前言 mac上安装软件真的很简单, 一路下一步就可以安装好android studio. 这里有一篇旧文-Mac下安装配置Android Studio 2.
2393 0
|
移动开发 开发工具 Android开发

热门文章

最新文章