
### Vuetify的安装及配置

相对来说vuecli的安装配置比较简单，在插件里搜索`Vuetify`，安装即可，这里说下`Vuetify`在`webpack`的安装及配置方式。

首先是:

    npm install vuetify
    npm install sass sass-loader fibers deepmerge -D

然后是配置文件里的加载器配置，因为使用了sass,如下方法配置。

    // webpack.config.js

    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
                },
            },
            },
        ],
        },
    ],
    }


然后是引入，这里官网用了一个新建.js来配置`Vuetify`的引入，如果没有设置`@`指向目录，可能会没有效果。
这里我就直接修改了在`main.js`里引用：


    //导入Vue
    import Vue from "vue";

    import App from "./components/App.vue";

    // 引入Vuetify组件
    import Vuetify from 'vuetify'
    import 'vuetify/dist/vuetify.min.css'
    Vue.use(Vuetify)
    // vuetify 自定义配置
    var vuetify = new Vuetify({})

    var vm = new Vue({
        el: '#app',
        render: c => c(App),
        vuetify

    });


好了，大功告成，现在就可以开始愉快的使用`Vuetify`了，总体来说，我比较喜欢`Vuetify`，很有设计感细节颜色设计的非常棒。
javaScript在线正则表达式测试，本程序纯粹是为了学习Vue、webpack、Vuetify，一个重复制造轮子的的实践。欢迎大家交流学习。


项目演示地址：[JavaScript_RegExp](http://j_sky.gitee.io/javascript_regexp/)

项目仓库地址：

[JavaScript_RegExp___gitee](https://gitee.com/J_Sky/JavaScript_RegExp)
[JavaScript_RegExp___github](https://gitee.com/J_Sky/JavaScript_RegExp)


Vue快速学习笔记(9)Vuetify配置及简单使用


## pip临时修改源

PYPI国内源路径

* 阿里云 http://mirrors.aliyun.com/pypi/simple/
* 豆瓣(douban) http://pypi.douban.com/simple/
* 清华大学 https://pypi.tuna.tsinghua.edu.cn/simple/
* 中国科学技术大学 http://pypi.mirrors.ustc.edu.cn/simple/


### 临时换源

临时换源只需要在pip安装包时，加上一个-i参数后接源的url即可：

    # 下载python中的Django包，这里使用的是豆瓣源
    pip install django -i http://pypi.douban.com/simple 


### 永久换源（更换默认源）

Linux

在根目录下创建/修改～/.pip/pip.confpip配置文件；
进入文件新增/修改内容；

    [global]
    index-url=http://pypi.douban.com/simple
    [install]
    trusted-host=pypi.douban.com

保存文件并退出；

Windows

windows在%HOMEPATH%\pip\pip.ini中修改上面第二步的内容；
保存文件退出；




pip临时修改下载源


### nrm

安装nrm

在命令行执行命令，`npm install -g nrm`，全局安装nrm。

执行命令`nrm ls`查看可选的源。

如果要切换到taobao源，执行命令`nrm use taobao`。

很简单吧？

npm更换源与nrm安装与配置


前几天一直在各个游戏引擎的框架选择中飘忽不定，同时也在纠结和构思制作一个什么样的游戏，简单的在头脑中构思跑了一遍就觉得没意思了，太难的复杂的又觉得制作起来遥遥无期。

## 构思

经过几天的头脑风暴，终于下定决心制作一个模拟养成类的游戏，名字暂定为「我的博客」，这会是一个2D像素风格的模拟养成游戏，游戏的大体内容：玩家是一个博主，在2000年的时候你会创建一个自己的独立博客，通过不断地学习，持续的输出，持之以恒的维护与运营，终于若干年后在博客届混出个名堂，通过流量换得了收入与名誉，并且在运营的过程中会遇到很多突发事件，这些突发事件会给你带来一些意想不到的结果。随着游戏不断地推进，你会通过学习新的技能来提高自己的创作能力，通过社交、seo、优化美化博客等手段来提高网站的知名度和访问量，解锁不不同的成就。直到游戏运营到2025年游戏结束，整个游戏会因为你不同的运营方式和学习方式产生不同结果和获得不同成就，给足玩家满满充实的游戏快感。

额，说到这里，我自己都觉得这个游戏的构思还是蛮可以的了。现实中的制作我已经完成了游戏时间线的代码编写，随着时间线产生的主线任务上的推进，人物等级、经验以及技能提升等相关的算法都已写出最基础原型。并可以加速快速体验出主线任务的进程（用来测试游戏）。

目前，暂停了游戏代码的编写，开始搭建主场景和游戏角色、游戏UI等美术创作的工作，对于首次独立制作开发游戏，这方面的额经验还是很少的，编写边学，边画边研究，兴趣是唯一的动力！

## 绘制构想

游戏框架我选用Godot，这个就不过多解释了，感兴趣的可以去搜索下。还好自认为对Python比较熟悉，GD自带的脚本语言语法与Python基本一致，所以上手很快。对于目前游戏的制作，我觉得美工绘画会占去我大部分的时间，如果整个游戏的制作时间为10，我目前认为游戏美工绘画会占了8左右或更多时间。对于绘画我还是很有信心的，之前几年经常手绘，这次绘制像素风的游戏场景和角色等还是蛮有信心的！

最近，除了工作、生活以外，满脑子都是在构思这个游戏的一些细节。以前，总觉得做一个游戏应该不会太难（因为使用代码编写过一些小游戏），但是，真正搞起来才发现，对于一些稍微大一点的游戏，内容就是一个微观的世界，你要掌控这个世界宏观构建的理论基础，还要控制对这个世界的微观操作，要把数字化的思想，用视觉效果传达给玩家，并且让玩家在游玩的过程中，有情绪价值上的收获，到最后得到了玩家的认可，才不会觉得自己荒废了大把的时间。

## 期待

兴趣就是动力，几十岁的人了，很多人可能对于玩玩游戏都提不起精神了，哈哈哈，我还要去做游戏，希望自己能够坚持下去，把这个游戏制作完成。


前几天一直在各个游戏引擎的框架选择中飘忽不定，同时也在纠结和构思制作一个什么样的游戏，简单的在头脑中构思跑了一遍就觉得没意思了，太难的复杂的又觉得制作起来遥遥无期。

pip临时修改下载源

pip临时修改源

临时换源

永久换源（更换默认源）

相关文章

那年今日