这里写自定义目录标题
环境搭建
进行任何开发第一步肯定是环境搭建。我个人将在vscode上使用Angular。找到的教学视频为Angular v5,而学习时用的版本为Angular v8。搭建方式有些不同。
- 第一步下载安装Visual Studio Code。下载地址:https://code.visualstudio.com/
- 第二步下载安装Git。对于像我一样不喜欢命令行的要注意,GitHub桌面版是不行的,必须要用Git下载地址:https://git-scm.com/download/。记住安装位置
- 第三步打开vscode,改terminal为git的bash。有的时候vscode会自动检测出bash,提示是否更改terminal首选项,有时候不行需要手动更改。
– 可以ctrl + shift + ·打开新terminal
点击Select Default Shell
此时有可能和我的一样依旧检测不到bash,也有可能能检测到。检测到的话直接选择就可以了。检测不到的就需要手动改vscode设置。
或者使用快捷键ctrl + ,打开vscode的设置。不清楚从哪个版本开始,进行setting设置不再直接打开setting.json,而是
搜索setting.json,找到Edit in setting.json的连接
星星部分替换为git安装目录。这样就能在vscode中用git的bash了。 - 然后安装Angular。不同于v5的教学视频中所说的安装angular cli方法,直接在bash中输入
npm install -g @angular/cli
就可以了。 - 最后安装几个插件
环境搭建完成。
之后就可以用
ng new my-dream-app
创建新的Angular项目
cd my-dream-app
进入项目目录
ng serve
部署Angular模板了