Angular8 - 环境搭建

已于 2022-12-10 15:35:05 修改
阅读量384 收藏
点赞数
文章标签： 前端 npm javascript
于 2020-02-02 22:23:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seaalan/article/details/104149727
版权

准备

  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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Angular8安装（Angular CLI）
lchunl9707的专栏
07-15 848
(官网: 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...
详解Angular 开发环境搭建
10-19
在深入探讨Angular开发环境搭建之前，首先理解Angular框架的核心概念是必要的。Angular是一款由Google维护的开源JavaScript框架，主要用于构建单页应用（SPA）。它提供了一整套工具和功能，如数据绑定、依赖注入、...
Angular8 环境搭建
u010868192的博客
09-07 1897
Angular 环境搭建 无论使用什么前端框架，都必然使用到NodeJS工具，Angular也不例外，Angular采用的是“全家桶”式的设计思路，因此@angular/cli脚手架工具集成了日常开发需要使用到的所有NodeJS模块，使用@angular/cli可以大幅降低搭建开发环境的难度。 安装@angular/cli脚手架工具 在安装@angular/cli之前，首先要安装相关的依赖环境...
Angular环境搭建
~悟空的定海神针~
02-24 1104
下载安装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 1004
AngularJS 提供了很多内置的指令，你可以使用它们来为你的应用添加功能。 诸如这些： 此外，你可以使用模块来为你应用添加自己的指令： 运行结果： 转载于:https://www.cnblogs.com/yk123/p/5916398.html...
Angular 8.1.0 环境搭建 & 初始化项目
zhuzhiqiang_zhu的博客
08-15 559
前提条件 Node.js 和 npm 包管理器 node.js 需要 10.9.0 及以上版本 – 控制台执行 node -v ，查看 node 版本 npm 包管理器是默认安装的 – 控制台执行 npm -v ，查看 npm 版本 安装 Angular CLI 打开控制台，执行 npm i -g @angular/cli 创建工作空间 & 启动项目 打开控制台，输入 ng new ...
Angular通过angular-cli来搭建web前端项目的方法
08-29
在开始之前，需要已经搭建好 angular-cli 环境，如果还未搭建好的请参见相关教程。 二、新建项目 1. 新建一个文件夹，用于存放所有使用 angular-cli 搭建的 web 前端项目。 2. 启动命令窗口，并进入该文件夹。 3. ...
Angular2使用Angular-CLI快速搭建工程（二）
08-30
在这一部分，我们将重点关注如何使用Angular CLI搭建工程，并集成一些额外的功能，如图标库和不同环境的编译设置。 首先，为了使用Angular CLI，你需要确保已经安装了Node.js和npm。安装完成后，全局安装Angular ...
angularjs 教程8
06-15 677
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 918
首先 ： npm i @types/jquery 会安装jQuery 和 $ 的定义 然后输入：npm install @ztree/ztree_v3 安装ztree，但还是不能用的，需要做如下配置 jQuery 也要引入 在需要用到的组件中，定义一下$, $.fn.zTree.init就可以用了。 这个步骤其实并不是必须的，只是不加这行代码的话，代码编辑工具会报错，但其实并...
AngularJS-8-模块
yan5136970的专栏
07-06 311
指令 var app = angular.module("lesson",[]); app.controller("MainCtrl",function($scope){}) app.directive("div"，function(){ var direction = {}; direction.restrict = "E"; direction.template
AngularJs 8 快速开发
Bey
03-17 1716
目录 项目结构简述。 创建一个 component。 创建一个 service。 http 请求数据。 附 GitHub 源码 1. 项目结构简述 . ├── angular.json ├── e2e ├── node_modules ├── package.json ├── src └── tsconfig.json angular.json 是 ng 8 的配置文件。 src 几乎我们所有...
Angular8 - 组件
seaalan的博客
02-06 449
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 325
AngularJS服务 什么是服务： 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。如下例子中的 $location 服务，用于返回当前页面的 URL 地址。 <!DOCTYPE html> <html> <head> <meta charset=&quot
Angular8的使用(零)：安装和命令(Ubuntu)
fracong的博客
09-26 1158
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...
Angular8 - 绑定数据和属性
seaalan的博客
02-06 563
绑定数据：public protected private，不写则默认为public import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.comp...
angular学习之安装和构建项目
图解前端的博客
02-23 219
开发环境 nodejs版本大于8.0 第一步：安装 Angular CLI 要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令： npm install -g @angular/cli 第二步：创建工作区和初始应用 运行 CLI 命令 ng new，并提供一个名字 my-app，如下所示：ng new my-app ng new 会提示你要把哪些特性包含在初始的应用项...
快速上手angular8常见使用（一）
你怎么也喜欢嘴巴嘟嘟
08-03 792
Angular 是一个基于 TypeScript 构建的开发平台。
创建 Angular 8.0 项目
悟世君子的博客
06-11 4052
创建 Angular 8.0 项目，首先确保已经安装了 nodejs，如果没有安装，请看这篇文章安装：node.js 安装 1、新建一个空文件夹 angularproject，作为工作区 2、安装Angular CLI 进入工作区目录，打开 cmd 窗口，输入如下命令，安装Angular CLI npm install -g @angular/cli 或 ...
nx-admin所需的环境搭建
最新发布
05-30
如果您想要开始使用 nx-admin 进行开发，您需要先搭建好相应的开发环境。下面是 nx-admin 所需的环境搭建步骤： 1. 安装 Node.js 和 npm nx-admin 是基于 Node.js 和 npm 进行开发的，因此您需要先安装它们。您可以在官网上下载并安装 Node.js，并选择相应的 npm 版本。 2. 安装 Angular CLI nx-admin 前端使用 Angular 进行开发，需要使用 Angular CLI 进行构建和管理。您可以使用 npm 进行安装： ``` npm install -g @angular/cli ``` 3. 安装 NestJS CLI nx-admin 后端使用 NestJS 进行开发，需要使用 NestJS CLI 进行构建和管理。您可以使用 npm 进行安装： ``` npm install -g @nestjs/cli ``` 4. 安装 TypeORM CLI nx-admin 使用 TypeORM 进行数据库管理，需要使用 TypeORM CLI 进行构建和管理。您可以使用 npm 进行安装： ``` npm install -g typeorm ``` 5. 安装 MySQL nx-admin 支持多种数据库，其中包括 MySQL。如果您打算使用 MySQL 进行开发，您需要先安装 MySQL 数据库并创建相应的数据库。 6. 配置 TypeORM 在开始开发前，您需要在项目根目录下创建 `ormconfig.json` 文件，并进行相应的数据库连接配置。 7. 启动应用 完成以上步骤后，您就可以启动 nx-admin 应用进行开发了。您可以使用以下命令启动应用： ``` npm run start:all ``` 这样，nx-admin 的前端和后端都会启动，并且可以访问相应的页面和接口。 总的来说，nx-admin 的环境搭建比较复杂，但是只需要按照上述步骤进行操作，就可以顺利完成。如果您遇到了任何问题，可以随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值