qq_35457469的博客

vscode 全称 Visual Studio Code 是一个由微软开发的，同时支持Windows、Linux和macOS操作系统且开放源代码的文本编辑器，支持很多用得着用不着的功能，更多详细好用的功能大家自己挖掘吧！一、下载安装下载地址 Visual Studio Code 官网，点击 Download 进行下载安装，网站会自动判断你的操作系统，提供符合你操作系统的下载链接，也可以自己选很...

如下图 点击 首选项 > 设置 > 常用设置

1.安装vue的包：cnpm i vue -s2.由于 在 webpack 中，推荐使用 .vue 这个组件模板文件定义组件，所以，需要安装 能解析这种文件的loadercnpm i vue-loader vue-template-complier -D3.在 main.js 中，导入 vue 模块import Vue from 'vue'4.定义一个 .vue 结尾的组件，其中...

1、首先在VSCode 上装一个插件：Debugger for Chrome如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件依次点击图中所示按钮，然后出现launch.json文件，在里面添加配置信息配置信息如下：{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解...

1.引入图片2.报错信息/默认情况下，webpack 无法处理 css 文件中的 url 地址，不管是图片还是 字体库，只要是URL地址，都处理不了3.安装 loadercnpm i url-loader file-loader -D file-loader在url-loader内部依赖，不需要定义4.打开webpack.config.js新建一个第三方的匹配规则{ test:...

在页面中引入一些样式1.在 项目的JS入口文件 main.js中添加：import './css/index.css'import './css/index.less'import './css/index.scss'2.安装对应的第三方 loadercnpm i style-loader css-loader -Dcnpm i less-loader less -Dcn...

1.首先创建根目录，并执行：npm init2.创建项目文件夹及相关文件root directory/├── src/ (存放项目源代码)│ ├── index.html (项目首页)│ └── main.js (项目的js入口文件)├── dist/ (存放项目打包之后输出的文件)项目文件创建好之后，在 main.js 中输入信息...

webpack处理 非 js 类型的文件在初次碰到 webpack 的时候你是否有这样的困惑？在项目的jS入口文件中导入 css样式表import './css/index.css'却发现报错！！无法使用，这是怎么回事呢？看看解决方式吧……如果要处理 非 js 类型的文件，我们需要手动安装一些 合适的 第三方 loader 加载器；1.如果想要打包处理 css 文件，需要安装...

之前说了如何在 vscode 中压缩代码，今天就说一说，如何在 vscode 中 格式化代码步骤一如以往，还是很简单首先安装 Beautify 插件使用时 按 F1，输入 bea，回车就能格式化文件执行后的结果如下图所示：...

在配置 webpack-dev-server 的时候，遇到这个怎么一个问题：遇到这样的问题看见就头大，不知该如何解决，经过验证，以下为解决方案之一：第1步：如果你的项目中已经有了：node_modules文件夹，那么请将此文件夹直接删除第2步：在项目的根目录下输入以下命令进行安装npm install第三步：安装成功后，输入 ：npm run dev结果如下：...

选中想要合并的行，按Ctrl + Shift + P调出命令窗口，输入join lines,确认执行就可以合并多行了。

1.点击 首选项 > 用户代码片段2.输入 html 选择第一个 html.json 文件3.在此可进行编辑4。保存之后，创建一个.html文件，输入vue，回车即可自动生成我们需要的模板了。模板示例图注意：为了防止大家更改模板时出现不必要的错误，我给大家简单说一下模板中的东西：不要纠结一开头写的："Html5-Vue"，这只是一个模板名字而已。"prefix": ...