记在VSCode搭建Angular环境

本文记录了如何在Visual Studio Code(VSCode)中搭建Angular开发环境,包括使用淘宝镜像安装cnpm、typescript、Angular CLI和Express,检查版本号,解决报错,打包项目,启动服务,创建新页面,以及遇到的第三方样式无效问题的解决方案。
摘要由CSDN通过智能技术生成
1. 安装VSCode,官网下载即可
2. 安装NodeJs,官网下载即可(全局环境变量可自定义配置,也可以采用默认)

3. VSCode终端

--安装淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org 

cnpm install -g typescript

cnpm install -g @angular/cli

cnpm install -g express 

cnpm install -g express-generator

--查询版本号

node -v

npm -v

tsc -v

ng -v

express --version

ng build

--若报错提示要安装

cnpm install -g @angular/cli

ng -v

cnpm install 

--打包

ng build 

--启动

ng serve

--新建页面

 ng g component tabname 新建页面  


--网站

http://adminlte.la998.com/pages/UI/icons.html


--注意:使用淘宝镜像安装第三方,引用时修改配置项目中.angular-cli.json后,第三方样式无效问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值