Angular环境搭建和新建项目

CHENGKANG 发布于2019-08-22 13:58 / 888人阅读

摘要：环境下的的安装和配置安装官网地址下载相应的安装包安转检查是否安装如下图由于新版的已经集成了，所以之前也一并安装好了。

Windows环境下的NodeJS+NPM的安装和配置

1、安装NodeJS
官网地址: http://nodejs.cn/download/
下载相应的安装包, 安转.
2、检查npm是否安装
如下图:
由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。可以使用cmd命令行中键入 npm -v查看npm版本号,进行检查是否安装成功.
若没有安装npm
安装淘宝镜像 :npm install
npm install -g cnpm --registry=https://registry.npm.taobao.org

淘宝镜像安装更快方法：
将.npmrc 文件放在本电脑C:UsersAdministrator 路径中去
.npmrc 文件内容为：
registry=https://registry.npm.taobao.org/
ELECTRON_MIRROR=http://npm.taobao.org/mirrors...
SASS_BINARY_SITE=http://npm.taobao.org/mirrors...

安装Angular CLI

$ npm install -g @angular/cli

新建Angular项目

D:angularTest>ng new myProj
ng new myProj --style=scss / --style=sass ,--less(样式文件格式）
--routing（会在app文件中生成app-routing.module.ts配置文件）
即:ng new myProj --routing=true --style=less
用webstrom打开新建 myProj项目

再一次npm install
最后启动项目npm start
浏览器运行http://localhost:4200/即可完成

常用于新建的指令
ng generate class my-new-class // 新建 class
ng generate component my-new-component // 新建组件
ng generate directive my-new-directive // 新建指令
ng generate enum my-new-enum // 新建枚举
ng generate module my-new-module // 新建模块
ng generate pipe my-new-pipe // 新建管道
ng generate service my-new-service // 新建服务

可以简写成：

ng g cl my-new-class // 新建 class
ng g c my-new-component // 新建组件
ng g d my-new-directive // 新建指令
ng g e my-new-enum // 新建枚举
ng g m my-new-module // 新建模块
ng g p my-new-pipe // 新建管道
ng g s my-new-service // 新建服务

GPU云服务器云服务器新建项目新建java项目异常 git服务器新建项目 ecs服务器搭建php环境和ftp服务

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92703.html

Angular 5.0 学习2：Angular 5.0 开发环境的搭建和新建第一个ng5项目

摘要：之后输入，出现版本号即安装成功，的版本号在以上，则新建出来的项目是版本。所有具备这一特性的软件或者软件套组都可以叫集成开发环境。创建新项目打开终端窗口。是为应用准备的，而是为单元测试准备的。给的单元测试配置，当运行时会用到它。 1.安装Node.js 在开始工作之前，我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm，请先安装它们。去Node.js的官网，https:...

dunizb 2019-08-29 14:14 评论0 收藏0
如何搭建Electron开发环境

摘要：原文发表于如何搭建开发环境这个项目结构是我在编写基于和的七牛文件上传总结出来的本文主要介绍如何从零开始搭建高效的开发环境主要内容如下通过合理的目录划分来组织代码使用简化开发如何在渲染进程开发时使用热更新如何在主进程开发时使用自动重启如何在主原文发表于 https://lleohao.github.io/2017/09/02/如何搭建Electron开发环境/ 这个项目结构是我在编写...

TwIStOy 2019-08-21 12:05 评论0 收藏0
那些年初识Angular(1)

摘要：它包含多个属性，这些属性值叫做元数据。会根据元数据渲染组件，并执行组件逻辑。元数据会告诉图和将这个类处理成一个组件。元数据这段代码表示这个组件可以通过这个标签来调用。那些年初识Angular 由于工作需要初识了Angular，由于个人在学习一门新语言的时候喜欢买一本相关的书籍自己钻研，还记得自己的第一本Angular书籍是关于Angular2的学习，自此正式踏入Angular的学习。...

Flink_China 2019-08-02 11:36 评论0 收藏0
angular学习第一篇-----环境搭建

摘要：这是我第一次写文章，也不知道能不能坚持下去，暂且试试看吧还有就是这里的内容大部分是来自慕课网的，我也不知道这样是否会侵权，如若侵权还望提醒好吧，现在开始学习吧一环境的搭建注我这里的环境是在下的。写在前面最近从慕课网买了一个视频教程学习angular,最新的angular4.0没有与老版本的有太多依赖关系，因此对于我这个没有太多angular基础的人来说，门槛也就没那么大了。因为是第...

ChristmasBoy 2019-08-20 16:01 评论0 收藏0