美文网首页
环境搭建

环境搭建

作者: itachi | 来源:发表于2018-11-18 21:49 被阅读6次

node.js安装

安装NodeJS
官网地址: http://nodejs.cn/download/
下载相应的安装包, 安转.

npm check

由于新版的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

打开cmd
输入命令行:npm install -g @angular/cli

若需设置代理

npm config set proxy=http://server:port
npm config set registry=http://registry.npmjs.org
npm config set proxy http://username:hyron206@server:port
npm confit set https-proxy http://username:password@server:port
npm config delete proxy
npm config delete https-proxy

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

cd到新刚才创建的项目根目录
最后启动项目npm start
浏览器运行http://localhost:4200/即可完成

用IDEA打开该项目

idea64_2018-11-18_23-06-45.png

e2e:端到端的测试目录,用来做自动化测试
node_modules:第三方依赖包存放目录
src:应用源代码目录
.angular-cli.json:Angular命令行工具的配置文件,后期可能会修改它,引一些其他的第三方的包,比如jquery等
.editorconfig:webstorm的配置文件
.gitignore:git的配置文件
karma.conf.js:karma是单元测试的执行器,此文件时karma的配置文件
package.json:标准的npm工具的配置文件,文件里列出了该应用程序所用的第三方依赖包,我们在建项目初始化是就是在下载这些包,放在了node_modules这个目录中。
protractor.conf.js:自动化测试的配置文件
README.md:说明文件
tslint.json:是tslint的配置文件,用来定义TypeScript代码质量检查的规则

chrome_2018-11-18_23-09-59.png chrome_2018-11-18_23-10-09.png

相关文章

网友评论

      本文标题:环境搭建

      本文链接:https://www.haomeiwen.com/subject/jqcnfqtx.html