个人博客 个人博客

2020 记录精彩的程序人生

目录
Angular 环境搭建及VS Code 安装
/  

Angular 环境搭建及VS Code 安装

1.Angular 环境搭建

1.下载 Node.js

Node.js 官网
1.png

查看是否安装成功:npm -v

2.要装淘宝 cnpm 的请看这,用 npm 的可以忽略

安装 cnpm:

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

要卸载的请看这 cnpm:

npm uninstall cnpm -g

删除所有 npm 文件:

C:\Users\wit13\AppData\Roaming\npm

3.安装 angular/cli

npm install -g @angular/cli

验证是否安装成功:ng v
安装成功会显示 Angular CLI 字体

2.Augular 创建项目

1.本地创建一个目录:E:\mywork\angular(自定义)

2.创建项目

ng new 项目名
或者
ng new 项目名 --skip-install

例如我的:

ng new my-project1 --skip-install

3.安装依赖

npm i
或者
npm install

4.运行项目

npm start
或者
ng serve --open

出现 http://localhost:4200/ 页面,表示 angular 项目创建并启动成功!
11.png

3.Angular 开发工具

1.下载 Visual Studio Code

Visual Studio Code 官网

2.安装常用插件

2.png

3.设置打开新的文件不会覆盖

文件 --> 首选项(Preferences) --> 设置(settings) --> 搜索框输入:enablePreview
2.png