AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

HTML/CSS/JavaScript基础学习day02

2025-08-31 125
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 阿铭学习day02内容涵盖VSCode常用插件安装与配置，如中文语言包、路径提示、Vue开发工具等，同时介绍了通义灵码AI编程助手的使用方法，提升开发效率。

阿铭学习day02


  1. VScode插件下载：
  • 中文插件：Chinese(Simplified) (简体中文) Language Pack for Visual Stud

image.png

  • 路径提示插件：Path Intellisense

image.png

  • Vue插件：Vue 3 Snippets

image.png

  • 自动闭合HTML/XML标签插件：Auto Close Tag

image.png

  • 自动完成另一边标签同步修改：Auto Rename Tag

image.png

  • 能让html在VScode中打开的插件：open in browser

image.png

  • ai智能辅助代码插件：Lingma - Alibaba Cloud AI Coding Assistant

image.png

  1. 通义灵码初体验
  • 找到通义灵码位置

image.png

  • 尝试使用ai自动生成代码(随意找一个网站让ai模仿)：

image.png

image.png

选中新建并取名后会得到一个html文件，使用快捷键alt + b打开网页：

image.png

文章标签：
前端开发
JavaScript
人工智能
开发工具
XML
关键词：
CSS学习
阿铭学Java
目录
相关文章
凉凉心.
|
6月前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（八）：学习transition过渡属性；本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
transition过渡属性 早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。 但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化， 让效果显得更加细腻。简单点说，就是通过鼠标经过、获得焦点，被点击或对元素任何改变中触发， 并平滑地以动画效果改变CSS的属性值。 在CSS中创建简单的过渡效果可以从以下几个步骤来实现： 在默认样式中声明元素的初始状态样式； 声明过渡元素最终状态样式，比如悬浮状态； 在默认样式中通过添加
凉凉心.
331 1
凉凉心.
|
6月前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（七）：学习ransform属性；本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
transform变形 css3在原来的基础上新增了变形和动画相关属性，通过这些属性可以实现以前需要大段JavaScript才能实现的 功能。 CSS3的变形功能可以对HTML组件执行位移、旋转、缩放、倾斜4种几何变换，这样的变换可以控制HTML组件 呈现出丰富的外观。 借助于位移、旋转、缩放、倾斜这4种几何变换，CSS3提供了transition动画。 transition动画比较简单，只要指定HTML组件的哪些CSS属性需要使用动画效果来执行变化，并指定动画时间，就可保证动画播放。 比transitio
凉凉心.
316 1
阿铭学Java
|
7月前
|
前端开发 JavaScript
HTML/CSS/JavaScript基础学习day03-作业
本教程通过多个实例讲解JavaScript中for循环的常见用法，包括遍历数组、元素加1、求最大值/最小值、计算平均值、过滤偶数及字符串拼接等操作，并附有代码示例和运行结果图。
阿铭学Java
106 3
阿铭学Java
|
8月前
|
前端开发 JavaScript
HTML/CSS/JavaScript基础学习day01
阿铭学习HTML基础，包括VSCode快捷生成代码、常用标签如head、title、body、img、a、p等的使用，以及CSS选择器的优先级和基本样式设置，适合前端入门学习。
阿铭学Java
258 12
阿铭学Java
|
7月前
|
前端开发 JavaScript 算法
HTML/CSS/JavaScript基础学习day03-作业
本内容包含多个 JavaScript 编程示例，涵盖数组遍历、条件筛选、字符串处理、数值计算等常见操作，适合练习基础算法与逻辑思维。
阿铭学Java
152 5
阿铭学Java
|
7月前
|
前端开发 JavaScript
HTML/CSS/JavaScript基础学习day02-作业
本教程介绍了JavaScript基础编程练习，包括使用for循环打印数字、判断奇偶数、计算总和以及用if语句判断正数的方法。每部分均配有示例代码和运行结果图，帮助初学者理解循环与条件判断的应用。最后通过思维导图回顾所学内容，强化知识点记忆。
阿铭学Java
115 2
阿铭学Java
|
7月前
|
前端开发 JavaScript 索引
HTML/CSS/JavaScript基础学习day04
阿铭学习JavaScript函数与对象的基础知识，包括函数定义、调用方式及参数使用，以及Array和String对象的常用操作。
阿铭学Java
138 0
阿铭学Java
|
7月前
|
JavaScript 前端开发 Java
HTML/CSS/JavaScript基础学习day03
本内容为阿铭学习JavaScript的第三天笔记，涵盖JavaScript基础概念、引入方式、基础语法、变量声明、数据类型、运算符、类型转换及流程控制语句等内容，适合初学者了解JavaScript编程语言的核心知识点。
阿铭学Java
145 0
你都不懂
|
前端开发
5.CSS学习（浮动）
【7月更文挑战第29天】
你都不懂
170 4
我是快乐的嘟嘟
学习CSS3 中的渐变、阴影与遮罩
CSS3的渐变、阴影和遮罩特性极大地丰富了网页设计。渐变让颜色平滑过渡，赋予页面流动美感；阴影增加元素立体感，引导视觉焦点；遮罩通过隐藏或显示部分元素创造独特视觉效果。这些特性组合使用，可打造丰富多彩、立体生动的视觉体验，并可通过CSS3动画增强动态效果，使网页更具活力。正确应用这些特性需考虑参数调整及跨浏览器兼容性，以确保最佳展示效果。
我是快乐的嘟嘟
528 60