`
dengzhangtao
  • 浏览: 678003 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

搭建angular环境

 
阅读更多
1.首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。
没有安装的直接去nodejs官网下载nodejs安装。安装过程很简单,官网有教程。
安装完成后,打开cmd
输入node -v 看看安装版本

2.安装cnmp
由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题。
npm install -g cnpm--registry=https://registry.npm.taobao.org

3.安装Angular Cli
cnpm install -g @angular/cli@latest

安装完成后输入 ng help查看是否安装成功

常用命令:
Angular CLI的命令关键字为 ng

ng help: 获取相关命令信息
ng new projectName: 新建一个Angular项目
ng serve: 编译项目并运行,默认端口4200
ng generate [name]          在项目中创建新的代码,可以创建模块,组件等等,可简写ng g [name]创建一个nav组件:ng g component nav

4.创建项目
安装完命令行工具后我们就可以创建Angular项目了。
首先,切换到项目的存放目录,我的是在E盘的Angular文件夹下
输入 ng new projectName --skip-install
然后进入到projectName 目录里用 cnpm install命令来安装依赖
projectName就是你的项目名称,例如,我创建一个Test项目


5运行项目
首先切换至项目目录,然后执行ng serve命令

分享到:
评论

相关推荐

    Angular2环境搭建

    angular2工程搭建 一、编译和运行环境搭建 1、node.js和npm安装 a、下载地址:https://nodejs.org/en/download/ b、通过node -v 和 npm -v检查是否正确安装 c、下载工程: 略 d、进入工程目录 cd ...

    Angular开发环境搭建.docx

    Angular 开发环境搭建 Angular 是一个流行的前端框架,用于构建复杂的 Web 应用程序。为了开始使用 Angular,需要搭建相应的开发环境。在这篇文章中,我们将指导您如何在 Windows10 系统上搭建 Angular 开发环境。 ...

    Angular环境搭建

    Angular CLI是一个强大的命令行工具,用于快速搭建Angular项目,简化日常开发任务。 1. **安装Angular CLI**:在命令提示符窗口中执行以下命令安装Angular CLI: ```bash cnpm install -g @angular/cli@latest `...

    详解Angular 开发环境搭建

    现在,让我们详细地了解如何搭建Angular开发环境: 1. **安装Node.js**: 首先,你需要在你的计算机上安装Node.js。Node.js是JavaScript的服务器端运行环境,它包含了npm(Node Package Manager),用于管理...

    Angular开发环境搭建.pdf

    在搭建Angular开发环境时,我们需要确保有合适的工具和库支持。 首先,我们需要安装Node.js。Node.js是JavaScript的服务器端运行环境,它包含了npm(Node Package Manager),用于管理JavaScript的模块和依赖。在...

    Angular 2环境搭建到快速上手

    ### Angular 2 环境搭建到快速上手 #### 一、Angular 2 开发环境搭建步骤 ##### 第一步:安装 Node.js 1. **下载安装**:访问 [http://nodejs.org/download/](http://nodejs.org/download/) 下载 Windows 版本的 ...

    angular2简单的环境

    Angular2 是一个流行的前端开发...了解并掌握这些知识点将有助于你快速搭建并开始使用 Angular2 环境进行开发。记住,实践是最好的老师,动手尝试创建项目、编写组件和执行测试,你会发现 Angular2 的强大和灵活性。

    【JavaScript源代码】Angular环境搭建及简单体验小结.docx

    【Angular环境搭建及简单体验小结】 Angular是一个由Google开发并维护的开源Web前端框架,自2009年由Misko Hevery等人创立以来,它已成为业界广泛采用的JavaScript框架。Angular以其强大的功能和对中大型企业级项目...

    Angular简介与环境搭建.docx

    Angular简介与环境搭建.docx

    angular学习之从零搭建一个angular4.0项目

    * Node(v6.2.0):JavaScript 运行环境,用于执行 Angular 项目 二、安装 Angular-cli 安装 Angular-cli 是搭建 Angular 项目的第一步,使用以下命令: npm install -g @angular/cli 这将全局安装 Angular-cli...

    angular(MVC)项目搭建

    **AngularJS MVC项目搭建详解** AngularJS,作为一个强大的前端JavaScript框架,被广泛应用于构建复杂的单页应用程序(SPA)。本教程将引导你通过一系列步骤来搭建一个基于AngularJS的MVC项目,适合初学者进行学习...

    01 Ionic Angular Cordova介绍以及Ionic环境搭建-avi.rar

    【标题】"01 Ionic Angular Cordova介绍以及Ionic环境搭建-avi.rar"涉及的主要知识点是移动应用开发框架 Ionic、Angular 和 Cordova 的基础知识及其环境配置。这篇文章将详细讲解这三个技术的核心概念、相互关系以及...

    该框架基于Angular20TypeScriptwebpack搭建作为脚手架的处理

    在 Angular 2.0 的世界里,使用 TypeScript 和 Webpack 构建的脚手架可以预先配置好项目的目录结构、编译设置、测试环境等,使得开发者能够立即开始编写业务代码,而无需从零开始搭建环境。 **Ng2Framework-master ...

    Angular4最简工程

    简单的管理系统前端架构(Angular4). 指引: 1.install node 2.install angular@cli 3.clone this repository 4.enter project directory,open "cmd" and execute "npm install" 4.then,execute "npm start" or ...

Global site tag (gtag.js) - Google Analytics