本文介绍: webpackcli: 这是 Webpack命令行工具,为了在命令行中使用 Webpack安装 webpackcli 是必要的。安装Vue CLI:Vue CLI是一个官方提供的命令工具用于创建管理Vue项目。如果出现上面的错误输入 npm cache clean –force,再次输入npm installg @vue/cli。–save-dev: 这是一个选项,指示 npm 将这两个包安装为项目的“开发依赖”。3、等待自动下载安装完成后,会弹出一个窗口我们点击

一、VSCode设置中文

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

2、进入后,在上方搜索“Chinese”,搜索中文(简体)后,点击install按钮

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

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

二、VSCode创建项目

VSCode打开终端

点击查看–>终端

安装webpack,它是打包js工具

npm install webpack webpackclisave-dev

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

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

npm installg @vue/cli

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

传教项目 vue init webpack vue_test

如果出现上面的错误

管理员身份运行powershell ,

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

然后再次输入 vue init webpack vue_test

这个时候出现了

 Command vue init requires a global addon to be installed.
  Please run npm ig @vue/cliinit and try again.

所以执行

这个时候项目就创建好了

npm run dev

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

安装插件  vscodeicons

显示效果

四、解决vscode没有文件图标

原来的效果

解决

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

选择后的效果

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

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

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

原文地址:https://blog.csdn.net/xiaoyaozizai1/article/details/134611897

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_13809.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注