angular --开发环境搭建及项目创建

1.配置node环境

1）.下载node安装包并安装，以下下是我的node安装路径

2）.安装完成之后在选择我的电脑右键选属性-> 高级系统设置 -> 环境变量 -> 新建

变量名自定义，变量值写node的安装路径

如下是我的变量值：

3).查看node是否安装成功：

win+r 进入输入cmd进入命令行，输入 node -v 命令，安装成功之后会显示node的版本号，如下所示：

到此node安装成功。

在命令行，输入 npm -v 命令，查看npm的版本号

2.配置python环境

如果不安装python的话在进行第3步安装时会出现与python相关的错误，

python的安装与node的安装步骤相同，可以参照node的安装。

查看python是否安装的命令为 python 。

3.安装angular-cli

1).因为angular-cli是用typescript写的，所以要先装这个： npm install -g typescript typings

2).安装angular-cli : npm install -g @angular/cli

如果你之前安装失败过，最好在安装angular-cli之前先卸载干净，使用一下命令：

npm uninstall -g angular-cli
npm cache clean

之后进入如下目录，删除ng和ng.cmd这两个文件。

3).由于被墙的原因按照普通方式安装可能会安装失败，因此可以设置淘宝镜像安装

设置方法1. npm config set registry https://registry.npm.taobao.org，

　　　　　　成功之后再使用 npm install -g @angular/cli 安装即可。

设置方法2.可以直接使用npm安装淘宝镜像：npm i -g cnpm,

　　　　　安装成功使用 cnpm i -g @angular/cli 安装即可。

安装指定的angula版本：cnpm install -g @angular/cli@1.6.3

4).如果安装过程出现下载node-sass失败请尝试单独安装node-sass 安装命令： npm install --save-dev node-sass。

5).检查angular-cli是否安装成功，在命令行使用 ng -v 查看是否成功

4.创建angular项目

1).创建angular新项目命令：ng new projectName ;注：projectName为项目的名称，等待项目自动创建。

2).项目创建成功之后切换到项目的目录下，使用 ng serve 启动项目，编译完成可以在浏览器地址栏输入http://localhost:4200/，就可以看到新创建的项目。

5.开发工作

接下来就可以使用angular进行相关项目的代码编写

6.编译本地运行 ng serve

参照第4部分

7.打包

进行打包 ng build 打包后会生成dist文件夹

angular的基本环境配置及编译基本结束，在angular2的开发中还有细节之处需要处理，在这里就不一一阐述，有什么问题可以私信或评论，如有不当之处还望指出^-^

转载于:https://www.cnblogs.com/web-wangmeng/p/6773911.html

angular --开发环境搭建及项目创建相关推荐

火云开发课堂 - 《使用Cocos2d-x 开发3D游戏》系列第二节:Cocos引擎开发环境搭建与项目创建!
<使用Cocos2d-x 开发3D游戏>系列在线课程第二节:Cocos引擎开发环境搭建与项目创建! 视频地址:http://edu.csdn.net/course/detail/1330 ...
python3.6 django教程_【Python3.6+Django2.0+Xadmin2.0系列教程一】环境搭建及项目创建
由于工作需要,接触了大半年时间的Django+xadmin框架,一直没空对这块对进行相关的梳理.最近在同事的怂恿下,就在这分享下笔者的学习及工作经验吧. 好了,话不多说,下面开始进入正题: 环境需求: ...
IntelliJ IDEA 12详细开发教程(四) 搭建Android应用开发环境与Android项目创建
今天我要给大家讲的是使用Intellij Idea开发Android应用开发.自我感觉使用Idea来进行Android开发要比在Eclipse下开发简单很多. (一)打开网站:http://devel ...
Cocos2dx如何在visualStudio开发环境搭建及项目搭建，新手小白，请多多关照！！！
1环境搭建的三要素 (1)引擎源码(官网下载:https://www.cocos.com/cocos2dx,(需解压到无中文的路径下)): 使用vs2017打开文件夹build->cocos2d ...
【Python3.6+Django2.0+Xadmin2.0系列教程之一（入门篇-上）】环境搭建及项目创建
由于工作需要,接触了大半年时间的Django+xadmin框架,一直没空对这块对进行相关的梳理.最近在同事的怂恿下,就在这分享下笔者的学习及工作经验吧. 好了,话不多说,下面开始进入正题: 转载请注明 ...
ArcGIS Pro二次开发环境配置及项目创建示例
一.软件版本 ArcGIS Pro 2.8 Visual Studio 2019 二.组件 ArcGIS Pro 2.8 SDK for .NET: proapp-sdk-templates.vsix ...
VUE环境搭建和项目创建-win平台
今天是2021-04-06,vue3已经发布好久了,所以本文用的都是现在时间最新版的一.搭建node环境参考这个: node环境搭建二.安装vue脚手架 Vue CLI 4.x 需要 Node. ...
Vue入门 - 环境搭建Vue项目创建
Vue起步:从零开始搭建一个完整的Vue项目一.安装Node环境 1.下载Node.js安装包并安装 2.环境变量的配置二.搭建vue项目环境一.安装Node环境 1.下载Node.js安装包并 ...
vue之（vue-cli和vite）环境搭建与项目创建
(一)vue-cli脚手架一环境准备 node.js的安装下载地址:https://nodejs.org/zh-cn/ 安装完成后使用以下命令查看版本号 node -v 出现版本号则说明安装成功 ...

angular --开发环境搭建及项目创建

angular --开发环境搭建及项目创建相关推荐

最新文章

热门文章