vscode angular
时间: 2023-08-22 15:05:39 浏览: 205
vscode-arrr:该扩展为您的Angular代码库提供了重构工具
在使用VS Code进行Angular开发时,需要进行一些配置和安装步骤。
首先,你需要将Chrome安装在默认位置,并在VS Code中安装Debugger for Chrome插件。然后,你需要在全局空间安装@angular/cli,可以使用以下命令进行安装:
```
npm install -g @angular/cli
```
如果是在中国地区使用,你可以使用cnpm进行安装。
另外,你也可以使用yarn进行安装。可以通过在终端中输入以下命令进行全局安装:
```
yarn global add @angular/cli
```
安装成功后,你可以使用以下命令来创建一个新的Angular项目:
```
ng new my-app
```
接下来,如果你想克隆一个已有的项目,可以使用以下步骤:
1. 在终端中通过cd命令进入你想要保存项目的位置。
2. 输入git clone加上项目的HTTP克隆网址,然后回车等待克隆完成。例如:
```
git clone http://git.inspur.com/bss_lvc/lvc-front.git
```
可能会出现一些网速不稳定的问题导致克隆下来的项目有bug,你可以删除项目,并重新克隆一次。
最后,在项目中安装依赖。可以通过以下命令进行安装:
```
npm install
```
或者如果使用yarn,可以使用以下命令:
```
yarn install
```
这些步骤可以帮助你在VS Code中进行Angular开发。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [如何用VSCode直接调试Angular代码](https://blog.csdn.net/xwnxwn/article/details/80985286)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vscode导入基于Angular框架的项目以及环境搭建](https://blog.csdn.net/qq_36398269/article/details/99587836)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文