您现在的位置是：首页 >其他 >搭建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 odejs ode_cache"
        npm config set prefix "D:Program Files odejs ode_global"
    安装express : npm install express -g 
    设置环境变量：NODE_PATH  =  D:Program Files odejs ode_global ode_modules
    安装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的桌面快捷方式->属性->兼容性->勾选以管理员方式运行此程序 并应用

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代码