VScode

一、VSCode设置中文

1、首先我们打开vscode，进入编辑页面后点击左边栏的图示图标进入“EXTENSIONS”面板

2、进入后，在上方搜索“Chinese”，搜索到中文（简体）后，点击“install”按钮。

3、等待自动下载安装完成后，会弹出一个窗口，我们点击“restart”重启软件。

4、重启完成后就能使用中文版的vscode了。

二、VSCode创建项目

VSCode打开终端

点击查看–>终端

安装webpack，它是打包js的工具

npm install webpack webpack–cli —save-dev

webpack :这是 Webpack 本身的核心库，负责模块打包等核心功能。
webpack–cli: 这是 Webpack 的命令行工具,为了在命令行中使用 Webpack，安装 webpack–cli 是必要的。
—save-dev: 这是一个选项，指示 npm 将这两个包安装为项目的“开发依赖”。

安装Vue CLI：Vue CLI是一个官方提供的命令行工具，用于创建和管理Vue项目。您可以使用以下命令在全局安装Vue CLI：

npm install –g @vue/cli

如果出现上面的错误，输入 npm cache clean –force，再次输入npm install –g @vue/cli

传教项目 vue init webpack vue_test

如果出现上面的错误

以管理员身份运行powershell ,

1. 执行命令：set-ExecutionPolicy RemoteSigned
2. 选择Y 

然后再次输入 vue init webpack vue_test

这个时候出现了

 Command vue init requires a global addon to be installed.
  Please run npm i –g @vue/cli–init and try again.

所以执行

这个时候项目就创建好了

npm run dev

三、vscode文件目录显示，以及缩进调整

安装插件  vscode–icons

显示效果

四、解决vscode没有文件图标

原来的效果

解决

点击文件–>首选项–>主题–>文件图标主题–>最小(Visual Studio Code) vs–minimal

选择后的效果

VSCode 右键无 Open In Default Browser 选项是因为没有安装 open in browser 插件，安装该插件的步骤如下

1、点击扩展按钮，搜索 open in browesr 插件并点击 install 安装

 然后右键就有 Open in Default Browser 选项了，如果插件未生效，则需要重启 VSCode 软件。

代码007普通

打赏 收藏 海报 链接