前端(知识、快捷键)

一、快捷键—webstorm

• 输入 !，再按下 Tab键 快速生成基础结构
• 编写HTML标签的快捷键： 标签名+TAB键
• （修改格式，格式化代码）快捷键： ctrl+shift+f【此快捷键在webstorm中无效】（用ctrl+alt+L）
• 同时编写多个相同的标签的快捷键 ：标签名*个数+tab键
• 同时编写多行代码快捷键： alt+鼠标左键
• 注释快捷键 ctrl+/(?)
• 创建文件的快捷键 Ctrl + Alt + insert
• 通过文件名快速查找工程内的文件 ctrl+shift+N
• 通过一个字符快速查找位置 ctrl+shift+alt+N
• 快速查找并使用编辑器所有功能 ctrl+shift+A

二、知识点

1. 在需要的项目下安装sass

    npm i sass-loader -D
   

2.安装sass依赖

		npm i node-sass -D
		如果报错，执行下面命令：
		npm rebuild node-sass --save-dev

3.进去webpack.config文件配置

	rules[//加载器
	        {
	        test:/\.sass$/,
	        use:['vue-style-loader', 'css-loader', 'sass-loader']
	    }
	]