安装Vuefity的时候，碰到一些坑，经过一番折腾，终于成功，记录正确的姿势如下：  创建一个Vue项目： vue init webpack-simple vular-admin 进入项目目录： cd vular-admin 选择：Webpack 安装方式 npm install npm install vue-router npm install vuetify npm install css-loader npm install material-design-icons-iconfont npm install vuex --save npm install stylus-loader stylus --save-dev npm install sassnpm install sass sass-loader fibers deepmerge -D src目录下新建文件 import 'material-design-icons-iconfont/dist/material-design-icons.css' import Vue from 'vue' import Vuetify from 'vuetify' import 'vuetify/dist/vuetify.min.css' Vue.use(Vuetify) const opts = { icons: { iconfont: 'md', }, } export default new Vuetify(opts) 在 main.js中添加 import vuetify from './plugins/vuetify' webpack.config.js 的rules下添加： module.exports = { rules: [ { test: /\.s(c|a)ss$/, use: [ 'vue-style-loader', 'css-loader', { loader: 'sass-loader', // Requires sass-loader@^7.0.0 options: { implementation: require('sass'), fiber: require('fibers'), indentedSyntax: true // optional }, // Requires sass-loader@^8.0.0 options: { implementation: require('sass'), sassOptions: { fiber: require('fibers'), indentedSyntax: true // optional }, }, }, ], }, ], } 按照Vuetify官方文档，现在就安装完成了 这时候运行： npm run dev 会出现如下错误： ERROR in ./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.ttf Module parse failed: Unexpected character ' ' (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file)  @ ./node_modules/css-loader/dist/cjs.js!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css 7:41-85  @ ./node_modules/material-design-icons-iconfont/dist/material-design-icons.css  @ ./src/plugins/vuetify.js  @ ./src/main.js  @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js   ERROR in ./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff2 Module parse failed: Unexpected character ' ' (1:4) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file)  @ ./node_modules/css-loader/dist/cjs.js!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css 5:41-87  @ ./node_modules/material-design-icons-iconfont/dist/material-design-icons.css  @ ./src/plugins/vuetify.js webpack.config.js 的rules下添加： module.exports = { module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)$/, loader: 'file-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]' } } ] } } 到现在为止，才算真正的安装完成 修改App.vue文件： 运行npm run dev, 完成： 代码地址： https://github.com/vularsoft/vular-admin 这个代码以后会当作我一个框架的界面，想看空白项目，直接拉取历史版本