摘要:本篇教程介绍了Node.js教程 Angular 2的安装与使用,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入。
本篇教程介绍了Node.js教程 Angular 2的安装与使用,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入。
<
Angular 2安装前准备安装依赖(g++、libssl-dev)在安装node.js之前,如果没有安装g++和libssl-dev的,按照以下步骤安装:sudo apt-get install g++
sudo apt-get install安装nodejs较旧的版本会产生错误,但较新版本正常。接下来就是安装node.js了:mkdir tools
cd tools/
wget https://nodejs.org/dist/v7.10.0/node-v7.10.0-linux-x64.tar.xz
tar xvf node-v7.10.0-linux-x64.tar.xz
cd node-v7.10.0-linux-x64/添加软连接sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/npm /usr/local/bin/npm这样就安装好了,可以在终端查看版本号:node -v
npm -v安装Angularnode.js 和 npm 都安装好后可以安装angular2了,按照官网给的步骤:npm install -g @angular/cli创建链接sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/ng /usr/local/bin/ng查看Angular 2版本ng -v查看是否安装成功注:如果如果之前已存在npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latestAngular简单使用创建一个新项目打开终端窗口。通过运行以下命令生成一个新的项目和框架应用程序:ng new my-app请耐心设置新项目需要时间,大部分时间用于安装npm软件包。启动服务转到项目目录并启动服务器。cd my-appng serve --openng serve当您对这些文件进行更改时,该命令启动服务器,监视您的文件,并重新构建应用程序。使用--open(或只-o)选项将自动打开您的浏览器//localhost:4200/。您的应用程序向您发送消息:编辑您的第一个Angular组件Angular CLI为您创建了第一个Angular组件。这是根组件,它被命名app-root。你可在./src/app/app.component.ts找到它。打开组件文件并更改title属性app works!为My First Angular App:# src/app/app.component.ts
exportclassAppComponent {
title = ‘My First Angular App‘;
}浏览器会自动重新加载修订的标题。优化组件打开src/app/app.component.css并给组件一些风格。# src/app/app.component.css
h1 {
color: #369;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号