Angular开发学习记录 ——(1)环境搭建

这里写自定义目录标题

环境搭建

进行任何开发第一步肯定是环境搭建。我个人将在vscode上使用Angular。找到的教学视频为Angular v5,而学习时用的版本为Angular v8。搭建方式有些不同。

  1. 第一步下载安装Visual Studio Code。下载地址:https://code.visualstudio.com/
  2. 第二步下载安装Git。对于像我一样不喜欢命令行的要注意,GitHub桌面版是不行的,必须要用Git下载地址:https://git-scm.com/download/。记住安装位置
  3. 第三步打开vscode,改terminal为git的bash。有的时候vscode会自动检测出bash,提示是否更改terminal首选项,有时候不行需要手动更改。
    – 可以ctrl + shift + ·打开新terminal
    vscode terminal
    点击Select Default Shell
    terminal选项此时有可能和我的一样依旧检测不到bash,也有可能能检测到。检测到的话直接选择就可以了。检测不到的就需要手动改vscode设置。
    vscode setting
    或者使用快捷键ctrl + ,打开vscode的设置。不清楚从哪个版本开始,进行setting设置不再直接打开setting.json,而是
    setting搜索setting.json,找到Edit in setting.json的连接
    setting.json
    星星部分替换为git安装目录。这样就能在vscode中用git的bash了。
  4. 然后安装Angular。不同于v5的教学视频中所说的安装angular cli方法,直接在bash中输入

    npm install -g @angular/cli

    就可以了。
  5. 最后安装几个插件
    插件
    环境搭建完成。

之后就可以用

ng new my-dream-app

创建新的Angular项目

cd my-dream-app

进入项目目录

ng serve

部署Angular模板了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值