Windows环境下的NodeJS+NPM的安装和配置
1、安装NodeJS 官网地址: http://nodejs.cn/download/ 下载相应的安装包,安转. 2、检查npm是否安装 如下图: 由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。可以使用cmd命令行中键入 npm -v查看npm版本号,进行检查是否安装成功. 若没有安装npm 安装淘宝镜像 :npm install npm install -g cnpm --registry=https://registry.npm.taobao.org
淘宝镜像安装更快方法: 将.npmrc 文件放在本电脑C:UsersAdministrator 路径中去 .npmrc 文件内容为: registry=https://registry.npm.taobao.org/ ELECTRON_MIRROR=http://npm.taobao.org/mirrors... SASS_BINARY_SITE=http://npm.taobao.org/mirrors...
安装Angular CLI
$ npm install -g @angular/cli
新建Angular项目
D:angularTest>ng new myProj ng new myProj --style=scss / --style=sass,--less(样式文件格式) --routing(会在app文件中生成app-routing.module.ts配置文件) 即:ng new myProj --routing=true --style=less 用webstrom打开新建 myProj项目
再一次npm install 最后启动项目npm start 浏览器运行http://localhost:4200/即可完成
常用于新建的指令 ng generate class my-new-class // 新建 class ng generate component my-new-component // 新建组件 ng generate directive my-new-directive // 新建指令 ng generate enum my-new-enum // 新建枚举 ng generate module my-new-module // 新建模块 ng generate pipe my-new-pipe // 新建管道 ng generate service my-new-service // 新建服务
可以简写成:
ng g cl my-new-class // 新建 classng g c my-new-component // 新建组件ng g d my-new-directive // 新建指令ng g e my-new-enum // 新建枚举ng g m my-new-module // 新建模块ng g p my-new-pipe // 新建管道ng g s my-new-service // 新建服务 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|