LINUX学习：Ubuntu 15.04下Angular 2的安装与使用
|
《LINUX学习：Ubuntu 15.04下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@latest
Angular简单使用创立一个新项目打开终端窗口. 通过运行以下命令生成一个新的项目和框架应用法式： ng?new?my-app请耐心设置新项目必要时间,大部分时间用于安装npm软件包.
启动服务转到项目目次并启动服务器. cd?my-app
ng?serve?--open ng serve当您对这些文件进行变动时,该命令启动服务器,监视您的文件,并重新构建应用程序. 使用--open(或只-o)选项将自动打开您的阅读器http://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%;
}
本文永远更新链接地址： 编程之家PHP培训学院每天发布《LINUX学习：Ubuntu 15.04下Angular 2的安装与使用》等实战技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
