Angular8 - 环境搭建

原创 已于 2022-12-10 15:35:05 修改 · 519 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #npm #javascript

于 2020-02-02 22:23:39 首次发布
本文详细介绍如何使用Node.js版本10.16.0和AngularCLI版本8.3.24搭建AngularJS8开发环境。包括安装cnpm、@angular/cli，创建项目并解决跨平台兼容性问题。

准备

  1. ng --version （Node and Angular CLI version）
    Node: 10.16.0
    Angular CLI: 8.3.24
  2. node -v （NPM version）
    NPM: v10.16.0

搭建

  1. npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. cnpm install -g @angular/cli
  3. ng new angularjs8-test --skip-install
  4. cd angularjs8-test
  5. cnpm install
    注意：cnpm安装过程中提示optional install error: Package require os(darwin) not compatible with your platform，执行下列步骤：
    ① cnpm rebuild node-sass
    ② cnpm install
  6. ng serve -o （启动）
    在这里插入图片描述
seaalan
关注
angular-seed-bootstrap-ui:基于angular-seed搭建快速ui平台
07-02
Angular-Seed-Bootstrap-UI 是一个基于 AngularJS 的种子项目，它为开发者提供了一个预配置的环境，用于快速构建具有Bootstrap UI界面的Web应用程序。这个项目是AngularJS官方的seed项目的一个扩展，增加了Bootstrap...
Angular通过angular-cli来搭建web前端项目的方法
08-29
在开始之前，需要已经搭建好 angular-cli 环境，如果还未搭建好的请参见相关教程。 二、新建项目 1. 新建一个文件夹，用于存放所有使用 angular-cli 搭建的 web 前端项目。 2. 启动命令窗口，并进入该文件夹。 3. ...
Angular8 环境搭建
u010868192的博客
09-07 2019
Angular 环境搭建 无论使用什么前端框架，都必然使用到NodeJS工具，Angular也不例外，Angular采用的是“全家桶”式的设计思路，因此@angular/cli脚手架工具集成了日常开发需要使用到的所有NodeJS模块，使用@angular/cli可以大幅降低搭建开发环境的难度。 安装@angular/cli脚手架工具 在安装@angular/cli之前，首先要安装相关的依赖环境...
Angular8安装（Angular CLI）
lchunl9707的专栏
07-15 1005
(官网: https://angular.cn/guide/quickstart) 一、依赖环境安装：node.js、python2.7、git 二、npm配置 1、配置文件 .npmrc 默认路径： C:\Users\工号，没有的话可以直接执行代理设置生成 2、国内淘宝镜像cnpm 三、Angular-CLI安装 // 全局安装脚手架 npm install -g @angular/cli 1、全局安装 node_modules 默认路径： C:\User...
Angular8 开发环境搭建
葛明的博客
12-04 985
Angular 环境搭建 安装 angular 的计算机上面必须安装最新的 nodejs--注意安装 nodejs 稳定版本 安装 cnpm，npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 使用 npm/cnpm 命令安装 ang...
Angular环境搭建
~悟空的定海神针~
02-24 1221
下载安装nodejs 打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。 node.js插件在windows系统下是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm命令。 PS:Angular2基于node.js，所以要先安装nodejs环境 安装cnpm 在cmd命令窗口中直...
AngularJS(8)-指令directive
weixin_34290000的博客
07-04 1187
AngularJS 提供了很多内置的指令，你可以使用它们来为你的应用添加功能。 诸如这些： 此外，你可以使用模块来为你应用添加自己的指令： 运行结果： 转载于:https://www.cnblogs.com/yk123/p/5916398.html...
精选资源
angular-8-registration-login-example：Angular 8用户注册和登录示例
01-30
在`angular-8-registration-login-example-master`这个文件夹中，你可能会找到以下关键文件和目录： - `src`: 包含源代码，包括组件、服务、样式和配置。 - `app`: 应用的核心部分，可能有`app.component`（主组件...
Angular2使用Angular-CLI快速搭建工程（二）
08-30
在这一部分，我们将重点关注如何使用Angular CLI搭建工程，并集成一些额外的功能，如图标库和不同环境的编译设置。 首先，为了使用Angular CLI，你需要确保已经安装了Node.js和npm。安装完成后，全局安装Angular ...
Angular 8.1.0 环境搭建 & 初始化项目
zhuzhiqiang_zhu的博客
08-15 631
前提条件 Node.js 和 npm 包管理器 node.js 需要 10.9.0 及以上版本 – 控制台执行 node -v ，查看 node 版本 npm 包管理器是默认安装的 – 控制台执行 npm -v ，查看 npm 版本 安装 Angular CLI 打开控制台，执行 npm i -g @angular/cli 创建工作空间 & 启动项目 打开控制台，输入 ng new ...
angularjs 教程8
06-15 738
In this step, you will learn how to create a layout template and how to build an app that has multiple views by adding routing. Workspace Reset Instructions ➤ Git on Mac/LinuxGit on Window
angular 8 安装 ztree
葛明的博客
11-30 996
首先 ： npm i @types/jquery 会安装jQuery 和 $ 的定义 然后输入：npm install @ztree/ztree_v3 安装ztree，但还是不能用的，需要做如下配置 jQuery 也要引入 在需要用到的组件中，定义一下$, $.fn.zTree.init就可以用了。 这个步骤其实并不是必须的，只是不加这行代码的话，代码编辑工具会报错，但其实并...
AngularJS-8-模块
yan5136970的专栏
07-06 374
指令 var app = angular.module("lesson",[]); app.controller("MainCtrl",function($scope){}) app.directive("div"，function(){ var direction = {}; direction.restrict = "E"; direction.template
Angular8的使用(零)：安装和命令(Ubuntu)
fracong的博客
09-26 1401
Angular的环境安装 1.安装npm 1.1.安装npm apt-get install npm //最新版本 npm -g install npm@6.9.0 //安装指定版本 1.2.查看npm的版本 npm -v *[说明]：如果在更新版本之后，发现npm版本还是未发生变化，建议切换用户进行查看。 2.安装nodejs 1.1.安装nodejs最新版本 apt-get install...
AngularJs 8 快速开发
Bey
03-17 1809
目录 项目结构简述。 创建一个 component。 创建一个 service。 http 请求数据。 附 GitHub 源码 1. 项目结构简述 . ├── angular.json ├── e2e ├── node_modules ├── package.json ├── src └── tsconfig.json angular.json 是 ng 8 的配置文件。 src 几乎我们所有...
Angular8 - 组件
seaalan的博客
02-06 542
ng g --help （命令帮助） ng g component components/home （创建组件命令） 创建的组件包括： home.component.css home.component.html home.component.spec.ts home.component.ts home.component.ts文件： import { Compo...
AngularJS入门（8）---服务
怕冷的北方姑娘
11-21 411
AngularJS服务 什么是服务： 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。如下例子中的 $location 服务，用于返回当前页面的 URL 地址。 <!DOCTYPE html> <html> <head> <meta charset=&quot
Angular8 - 绑定数据和属性
seaalan的博客
02-06 673
绑定数据：public protected private，不写则默认为public import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.comp...
angular学习之安装和构建项目
图解前端的博客
02-23 279
开发环境 nodejs版本大于8.0 第一步：安装 Angular CLI 要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令： npm install -g @angular/cli 第二步：创建工作区和初始应用 运行 CLI 命令 ng new，并提供一个名字 my-app，如下所示：ng new my-app ng new 会提示你要把哪些特性包含在初始的应用项...
AngularJS与RequireJS及Angular-UI-Router环境搭建
以上步骤可以完成AngularJS、RequireJS以及Angular-UI-Router的环境搭建，为开发大型前端应用提供了良好的基础。需要注意的是，实际开发中可能还需要考虑模块化、代码的组织结构、前后端交互、安全性以及性能优化等...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值