在 Cloud Studio 中使用 AngularJS

在 Cloud Studio 中使用 AngularJS

step1:访问 Cloud Studio,注册/登录账户。

step2:在右侧的运行环境菜单选择:"ubuntu"

在 Cloud Studio 中使用 AngularJS_第1张图片

step3:在左侧代码目录中新建 html 目录,编写你的 HTML 代码,例如 index.html

step4:在 index.html 文件的中粘贴如下代码、来引入 AngularJS:

step5:在终端中输入命令sudo vim /etc/nginx/site-enable/default。将配置文件红框部分修改为如下图所示,然后输入命令:sudo nginx restart 重启 nginx 服务( nginx 安装完成并启动后默认会监听80端口。我们需要将 nginx 的站点目录以及监听的端口号改为我们需要的)

在 Cloud Studio 中使用 AngularJS_第2张图片

step6:点击最右侧的【访问链接】选项卡,在访问链接面板中填写端口号为:8080(和刚才 nginx 配置文件中的端口号一致),点击创建链接,即可点击生成的链接访问我们刚刚编写的代码,查看 AngularJS 效果

在 Cloud Studio 中使用 AngularJS_第3张图片

 

你可能感兴趣的:(AngularJs)