搭建angularjs开发环境
1、安装 nodejs ,下载:https://nodejs.org/zh-cn/download/releases
cmd: node -v npm-v 查看版本检查是否安装成功
在nodejs安装目录下创建2个文件夹node_cache和node_global,并执行一下cmd命令:
npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global"
安装express : npm install express -g
设置环境变量:NODE_PATH = D:\Program Files\nodejs\node_global\node_modules
PATH = D:\Program Files\nodejs\node_global
安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org nodejs安装的版本过低,这里可能会报错
2、安装yarn:
cnpm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global #yarn config get registry 查看配置
yarn config set disturl https://npm.taobao.org/dist --global
2、安装 ng:
cnpm install -g @angular/cli@15.2.8
安装最新版本: cnpm install -g @angular/cli
yarn安装:yarn global add @angular/cli@11.0.7
3、安装 vs code
可能在vs code的终端里执行不了命令,以管理员方式启动就行:右键vscode的桌面快捷方式->属性->兼容性->勾选以管理员方式运行此程序 并应用
如果出现:未对文件 D:\Program Files\nodejs\node_global\ng.ps1 进行数字签名。无法在当前系统上运行该脚本。
执行命令:Set-ExecutionPolicy -Scope CurrentUser
出现ExecutionPolicy后,填写 RemoteSigned;回车。
4、创建一个新项目:ng new HelloAngular
@angular/cli 在自动生成好项目骨架之后,会立即自动使用 npm 来安装所依赖的Node 模块,所以这里我们要 Ctrl+C 终止掉,然后自己进入项目的根目录,使用 cnpm 或 yarn 来进行安装:
cd ./HelloAngular/
cnpm install 或者 yarn install
启动项目:ng serve , 在浏览器访问一下试试:http://localhost:4200
5、安装 vs core 插件
AutoScssStruct4Vue:自动构建SCSS代码
Angular File Changer (Supporting Touch Bar and NgRx):用于快速切换同名HTML/SCSS/TS文件,非常的实用
TSLint:Typescript语法检查
Prettier:代码格式化
IntelliJ IDEA Keybindings:IDEA风格的快捷键
Angular 10 Snippets:Angular语法填充(标签)
Angular Files:生成Angular的文件模板(Component、Module、Pipe等等)
Angular Follow Selector:文件跳转(Component跳转到html、scss文件)
Angular Language Service:引用填充和跳转到定义(html中进行引用补全)
Debugger for Chrome:调试Angular代码
TabNine: 自动引入import组件的插件
C# to typescript : C# model类转typescript 类,复制C#代码到vs code里面,选中全部代码后鼠标右键转