Day 06-制作购物车系统环境之Visual Studio Code

首先先来个小解说。

Visual Studio Code:

简称VScode,由微软开发,是一个多语言(包括:JavaScript、CSS、HTML等)且跨平台的程序编辑器,内建Git控制系统。
功能:
-自动侦错
-补齐程序码(例如:打完一串程序码结尾少加了<;>当你处存时会自动加上。)
-有中文版本/images/emoticon/emoticon02.gif
-支持用户有个个性化的VScode主题、键盘捷径等
-可在内建下载、扩充功能


来罗!

安装VScode:

第一步:当然就是进VScode官网进行下载
https://ithelp.ithome.com.tw/upload/images/20210906/20139720vKJfjRAxaK.png
第二步:下载完,接下来就是设定啦
-点击红圈
https://ithelp.ithome.com.tw/upload/images/20210907/20139720b24eeWfk54.png
-搜所Live Server,并下载(图一)
!小补充!
Live Server,此功能在做HTML时很有用(对着HTML档案右键,点击open with live server),则马上跑出一个临时网站。如图二,推荐指数4.5
图一
https://ithelp.ithome.com.tw/upload/images/20210907/20139720lm1GGkqAoO.png
图二
https://ithelp.ithome.com.tw/upload/images/20210907/20139720RmlthcY8f7.png

-搜寻Prettier,并下载
!小补充!
Prettier,让你的程序码看起来整洁、漂亮(像他的名字一样XD),也是非常热门的扩充功能。推荐指数4
https://ithelp.ithome.com.tw/upload/images/20210907/20139720z93xDfF4im.png


VScode官网:https://code.visualstudio.com/
推荐下载扩充VScode里面常用的功能:https://www.youtube.com/watch?v=qz0aGYrrlhU
(初学者友善,顺便教学HTML)


  • 明天要说安装Node.js /images/emoticon/emoticon29.gif

<<:  IOS、Python自学心得30天 Day-5 TensorFlow 建立和训练模型

>>:  视觉设计(1)

第53天~

这个得上一篇:https://ithelp.ithome.com.tw/articles/10259...

Day 3 Compose UI Hello World

嗨!大家好,我是Teng: 今年的疫情蛮严重的,希望大家都过得安好, 希望疫情快点过去,能回到一些线...

iOS APP 开发 OC 第十六天,初始化器概述

tags: OC 30 day 创建对象,类名 *指针名 = [类名 new]; new实际上是一个...

Day26 参加职训(机器学习与资料分析工程师培训班),Tensorflow.keras & Pytorch

上午: Python机器学习套件与资料分析 挑几个不错的片段分享 # 储存每个epoch的weigh...

周末雨会(一):变数的两种状态 val vs var

台湾的特殊位置,使她在夏秋之间常遭受台风袭击,但偶尔也会有搞错季节的晚台。 诗忆望着窗外灰暗的天空,...