Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...
前提准备:
搭建好Angular开发环境
1 安装Visual Studio Code
教程简单,不会的去问度娘
2 安装Chrome浏览器
教程简单,不会的趣闻度娘
3 Visual Studio Code需要安装的插件
3.1 Debugger for Chrome
用于直接在谷歌浏览器中调试Angular应用
3.2 Angular5 Snippets
代码生成插件,主要用于在VSCode中快速生成代码
4 Chrome需要安装的插件
4.1 Augury插件
用于在谷歌浏览器中查看Angular应用的相关信息
4.1.1 进入到谷歌插件安装网页
点击前往
4.1.2 输入augury插件的ID
augury插件ID elgalmkoelokbchhkhacckoklkejnhcd
资源:点击下载
4.1.3 安装下载好的augury插件
直接将下载好的插件拖到扩展程序即可
4.1.4 参考博客:点击前往
5 json-server安装与使用
json-server是一个可以模拟后台json数据的工具相当于wireMock
json-server 支持get post delete put操作,而且可以自动生成id
json-server教程:点击前往
5.1 安装
npm install -g json-server
5.2 使用
5.2.1 创建一个json文件
{"users": [{"name": "wys","id": "1234qasdfasdf","pwd": "333"},{"name": "wyc","id": "asdfasdfq1234","pwd": "222"}] }
5.2.2 在json文件所在目录执行
json-server json文件
5.2.3 在浏览器中访问 http://127.0.0.1:3000/ 来查看API信息
GET请求:
Post请求:
6 安装angular/cli出现错误解决办法
执行 npm uninstall -g @angular/cli 卸载
执行 npm cache clean 清除缓存
执行 npm install -g @angular/cli 重新安装
7 Emmet安装与使用
emmet可以帮助前端开发者快速书写HTML代码
7.1 安装
搜索 emmet 选择安装即可
7.2 使用
div>p>span 然后按 Tab 键即可
详情参见:emmet官方文档
转载于:https://www.cnblogs.com/NeverCtrl-C/p/8092822.html
Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...相关推荐
- Visual Studio Code搭建TypeScript开发环境
转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...
- 使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
- 在Visual Studio Code配置GoLang开发环境
在Visual Studio Code配置GoLang开发环境 作者:chszs,未经博主允许不得转载.经许可的转载需注明作者和博客主页:http://blog.csdn.net/chszs Visu ...
- 使用吉特哈布Codespaces和Visual Studio Code进行C++开发
关于缩写 为了避免行文太过膨胀,我可能会将如下全称以缩写代替,请注意. VSC: Visual Studio Code 吉特哈布:猿友应该都懂,而且因为文章限制,我也打不出来. 好了,开始呗那就. 不 ...
- 配置Visual Studio Code的SciLab开发环境
配置Visual Studio Code的SciLab开发环境 引言 整体思路 插件安装 设置环境变量 设置setting.json 引言 由于美国将一批中国高校列入了实体清单制裁,近日Mathwor ...
- 使用 Visual Studio Code 进行远程开发
在完成了 AT 指令入门的学习之后,接下来就要使用 AT 指令进行 Socket 通信了.问题在于,之前 .NET 的 Socket 编程只需一台电脑便可进行学习,服务器和客户端都可以在本机运行,也可 ...
- Visual Studio Code 配置 Java开发环境
第一步:下载vscode 官网:Visual Studio Code - Code Editing. Redefined 第二步:下载Java 官网:Java Downloads | Orac ...
- Use Visual Studio Code to create and run Transact-SQL scripts for SQL Server
转载来源:https://docs.microsoft.com/en-us/sql/linux/sql-server-linux-develop-use-vscode?view=sql-server- ...
- Windows下visual studio code搭建golang开发环境
前言 其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org), 导致一些包无法安装,最终会导致环境搭建失败,跟据这个教程几步,我们将可以快速的构建golang ...
最新文章
- python编程爱心-如何用python画爱心
- C语言switch怎么算,超级新手,用switch写了个计算器程序,求指导
- usermod命令 、用户密码管理、mkpasswd命令
- pku2182: Lost Cows
- Python绘制sigmoid函数及其导数图像
- 软件配置,软件配置及变更管理的重要意义与价值
- ESP32开发 CMakeLists包含同级目录.h文件,error: gpioX.h: No such file or directory
- 阿里云申请免费ssl证书并配置nginx
- Unity中更改鼠标光标样式
- 生鲜APP软件功能开发
- 51nod 1534 棋子游戏 博弈
- Neo4j的Rest接口使用
- 现在做硬件工程师还有前途吗?
- oracle 索引命中条件,Oracle索引命中与扫描规律总结 | 学步园
- 普通人如何从0到1,成为百万粉自媒体大V?
- Visual Studio 2019 卸载干净+下载安装方法 2021-5-7
- C语言的按位取反符号~(详解)
- Vue实现订单确认界面禁止浏览器返回操作导致重复提交订单的问题
- learning的反义词英文_learning's是什么意思
- 希尔伯特之梦,以及梦的破灭
热门文章
- java计算机毕业设计计算机类专业考研交流学习平台MyBatis+系统+LW文档+源码+调试部署
- SSM框架中MVC各层的作用以及运行流程
- Linux下Redis安装与配置 (yum 软件源下载安装)
- Angular9入门(2)
- 操作系统 - 虚拟内存
- Codeforces 584 A.Olesya and Rodion
- JAVA练习177-有重复字符串的排列组合
- wps 文字删除 多个空行
- php比java简单吗_php比java简单吗
- python计算协方差矩阵_协方差矩阵、相关系数矩阵的EXCEL和python实现