前端工作日记

第一天

环境搭建：vscode、nodejs、git

安装vscode

地址：

Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.https://code.visualstudio.com/Download

vscode设置中文：

1、按快捷键shift+ctrl+p

2、输入configure display language选择中文

配置语言规范、

Visual Studio Code 中【设置】-settings中进行配置

//注意需要同时开启
{
                        "window.zoomLevel": 1,
                         "editor.tabSize": 2,
                         "workbench.editor.tabSizingFixedMaxWidth": 38,
                         
                         // 当保存的时候，eslint自动帮我们修复错误
                         "editor.codeActionsOnSave": {
                            "source.fixAll": "explicit"
                        },
                        // 保存代码，不自动格式化
                        "editor.formatOnSave": false,
                        
                        "editor.minimap.enabled": false,
                        "eslint.useFlatConfig": false,
                        "emmet.triggerExpansionOnTab": true,
                        "javascript.updateImportsOnFileMove.enabled": "never"
}

安装nodejs

地址：下载 | Node.js 中文网

添加系统环境变量：

检查安装是否成功：

node -v

npm -v

安装GIT

国内镜像源：CNPM Binaries Mirror

全按默认

搭建初始项目

创建文件夹，在当前文件夹下cmd，输入nom create vue,根据需求选择

打开文件后在当前文件的终端输入npm i 安装所有依赖

安装vite npm vite -g

运行项目 npm run dev

在浏览器中安装扩展vue.js devtools