记在VSCode搭建Angular环境

1. 安装VSCode,官网下载即可
2. 安装NodeJs,官网下载即可(全局环境变量可自定义配置,也可以采用默认)

3. VSCode终端

--安装淘宝镜像

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

cnpm install -g typescript

cnpm install -g @angular/cli

cnpm install -g express 

cnpm install -g express-generator

--查询版本号

node -v

npm -v

tsc -v

ng -v

express --version

ng build

--若报错提示要安装

cnpm install -g @angular/cli

ng -v

cnpm install 

--打包

ng build 

--启动

ng serve

--新建页面

 ng g component tabname 新建页面  


--网站

http://adminlte.la998.com/pages/UI/icons.html


--注意:使用淘宝镜像安装第三方,引用时修改配置项目中.angular-cli.json后,第三方样式无效问题

例如:引用jquery和bootstrap,但因文件包是快捷方式,搜索后发现真正的文件夹是[email protected]@bootstrap

和 [email protected]@jquery

记在VSCode搭建Angular环境