1. 打开 Visual Studio Code。
2. 在终端中输入以下命令来创建一个新的 CSS 文件:
“`
VSCode: open -a VSCode/content/css
“`
3. 文件将打开,在“文件”菜单中选择“新建”选项,然后选择要保存文件的名称和类型。
4. 在“文件类型”下拉菜单中选择“CSS”类型,然后点击“创建”按钮。
5. 输入 CSS 文件的代码,可以在命令行提示符中输入以下代码来预览:
“`
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
.box {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
“`
确保代码符合 CSS 规范。
6. 保存文件并将其上传到服务器。如果使用的是 Web 开发服务,例如 GitHub Pages,则可以在服务器上访问文件并验证其是否符合规范。
以上是在 Visual Studio Code 中新建 CSS 文件的基本步骤。当然,具体步骤可能因使用的编辑器和项目类型而有所不同。