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开发环境搭建及新建项目并运行
83 0
Javascript学习-angular开发环境搭建及新建项目并运行
|
缓存 前端开发 JavaScript
Javascript学习-angular开发环境搭建及新建项目并运行
Javascript学习-angular开发环境搭建及新建项目并运行
94 0
Javascript学习-angular开发环境搭建及新建项目并运行
|
JavaScript
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
318 0
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
|
监控 Java 开发工具
android系统开发环境搭建
Android Studio开发工具介绍、Android SDK和Android开发环境的安装
202 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.
2341 0
|
移动开发 开发工具 Android开发
|
Java 开发工具 Android开发
Android开发环境搭建及HelloWorld
在开始Android开发之旅启动之前,首先要搭建环境,然后创建一个简单的HelloWorld。本文的主题如下: 1、环境搭建 1.1、JDK安装 1.2、Eclipse安装 1.3、Android SDK安装 1.4、ADT安装 1.5、创建AVD 2、HelloWorld 1、环境搭建 1.1、JDK安装 如果你还没有JDK的话,可以去这里下载,接下来的工作就是安装提示一步一步走。
1065 0

热门文章

最新文章