vue项目安装使用 Ant Design 和 sass

一、vue项目安装并引入Ant Design

npm install ant-design-vue -S

// main.js 引入
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);

二、vue项目安装并使用sass预处理

npm install node-sass -D
npm install sass-loader -D

此时运行项目可能会报错，原因：sass-loader 版本可能过高。

三、可能会出现 sass-loader版本过高问题

解决方案：将 sass-loader 的版本降到和 node-sass 一致。

如：“node-sass”: “^7.0.1”
则：

npm uninstall sass-loader    // 卸载原有版本npm install sass-loader@7.0.1 --save  // 重新安装

vue项目安装使用 Ant Design 和 sass相关推荐

vue项目安装axios - cmd篇
vue项目的跨域请求问题, 首先,用 axios 比较好,现在是 vue2 官方推荐,vue-resource 已经不再维护了. . 参考文章1:axios可以解决跨域访问的问题吗? 注意: vue项 ...
vue项目安装引入css-loader - cmd篇
vue项目如何引入安装css-loader? 步骤如下: cmd指令: npm install --save-dev css-loader 以上就是关于" vue项目安装引入css-load ...
当启动vue项目安装依赖时报错
当启动vue项目安装依赖时报错暂时想到四个原因: 1. node版本低,升级到新版本 2. 执行npm cache clean,再重新npm install 3. 如果是下载依赖包失败的话,可以使用c ...
Vue项目安装依赖时 warning“unmet peer dependency“
项目场景: Vue项目安装依赖问题描述在安装依赖时,终端显示warning"unmet peer dependency" 原因分析: 如字面意思,sass-loader 13. ...
vue 项目安装 openlayer 加载高德地图
vue 项目安装 openlayer 今天呢,稍微说一下关于 vue 项目使用 openlayer 的一些操作,我也是刚开始学习,在摸索. 比较讨厌的一点就是他的官网说明文档啥的都是英文的,对英语不好 ...
ant vue 设置中文_vue+Ant design vue做项目-Go语言中文社区
哈喽哈喽,这期带来蚂蚁金服的一个 Ant Design 的 Vue 实现. 样式还是很现代化的,嗯...现在是2019年9月17,对现在来说还很fashion过几年就不知道了. 话不多说直接上手,喜欢 ...
Vue 项目安装 scss 以及报错的解决方法 --- Window10 系统和 Mac OS 系统
1. 安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node ...
第一次搭建vue项目--安装vue-cli、初始化项目
vue-cli === vue脚手架不用自己动手一点点搭,用npm安装vue-cli后,输入几个命令它就给你自动搭好 1. 使用npm全局安装vue-cli npm i -g vue-cli 2. ...
vue 项目安装（入门）
由于vue越来越受欢迎,终于还是决定开始学习vue了.在前端这个行业,如果你不抓紧学习前沿技术,那么你会恐惧的发现自己生活在远古时代. 哈哈,跑偏了,第一次接触vue,内心是激动的. 按我的习惯,先上 ...

vue项目安装使用 Ant Design 和 sass

一、vue项目安装并引入Ant Design

二、vue项目安装并使用sass预处理

三、可能会出现 sass-loader版本过高问题

vue项目安装使用 Ant Design 和 sass相关推荐

最新文章

热门文章