不會(huì)發(fā)布npm包？進(jìn)來(lái)看看透揣？

前言

npm(Node Package Manager)济炎，一個(gè)Node的包管理器川抡，平時(shí)我們常用的公共模塊（插件）或者叫做包大多都放在上面辐真，所以接下來(lái)要封裝的插件，我們就簡(jiǎn)單稱它為npm包崖堤，本文從就從這個(gè)簡(jiǎn)單的例子開(kāi)始侍咱，逐步對(duì)它進(jìn)行封裝-發(fā)布-更新-擴(kuò)展-使用，進(jìn)而到得一個(gè)相對(duì)完整的npm包密幔，下面開(kāi)始楔脯。

一、一個(gè)最簡(jiǎn)單的npm包

1.1 新建文件夾

可以找個(gè)地方直接建個(gè)文件夾胯甩，最好語(yǔ)義化一點(diǎn)昧廷，這樣以后也方便管理，我們這里用終端建文件夾：

mkdir toupper-case-project   // 這里我們建了一個(gè)名為toupper-case-project的文件夾

(對(duì)命令行還不太熟的小伙伴可以看看我這篇博客命令行不會(huì)偎箫？看這里)

1.2 初始化項(xiàng)目

在項(xiàng)目根目錄下使用一下命令

npm init

這時(shí)終端會(huì)提示你輸入諸如包名木柬，版本號(hào)等信息，如下：

image

當(dāng)然淹办，你可以一路回車下來(lái)眉枕，或者你使用npm init -y就可以生成默認(rèn)的package.json文件，效果都是一樣的怜森，然后我們得到以下文件速挑，簡(jiǎn)單說(shuō)明一下：

// package.json
{
  "name": "toupper-case-project",  // 包名稱，默認(rèn)和你文件夾同名副硅，可改姥宝，但是需要去npm官網(wǎng)搜素這個(gè)名稱是否已存在，因?yàn)榘荒苤貜?fù)
  "version": "1.0.0",  // 項(xiàng)目默認(rèn)版本號(hào)恐疲，可改伶授，如果項(xiàng)目后期更新再發(fā)布断序，則需要修改版本號(hào)
  "description": "",   // 項(xiàng)目描述，選填糜烹，可利于SEO 
  "main": "index.js",  // 你的包的主要入口路徑违诗，就是別人安裝了你的包后系統(tǒng)會(huì)去這個(gè)路徑找你的代碼
  "scripts": {         // 腳本命令，后面會(huì)講到疮蹦，現(xiàn)在使用默認(rèn)的就行
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",        // 作者诸迟，選填
  "license": "ISC"     // 許可證，默認(rèn)即可
}

注：以上代碼使用時(shí)記得把注釋刪除愕乎，json不能注釋

1.3 新建項(xiàng)目文件

根目錄下新建index.js和upper.js兩個(gè)文件分別如下：

// upper.js
let toUpper = (a) => {
    return a.toUpperCase();
};
export default toUpper;

// index.js
import toUpper from './upper.js';
export default toUpper;

此時(shí)我們的項(xiàng)目就應(yīng)該只有三個(gè)文件阵苇，如下：

image

upper.js用于項(xiàng)目功能邏輯，index.js用于導(dǎo)出功能模塊感论，package.json用于配置相關(guān)信息绅项，這樣我們就把一個(gè)最簡(jiǎn)單的npm包寫(xiě)好了，接下里進(jìn)入發(fā)布比肄。

1.4 發(fā)布

1.注冊(cè)npm賬號(hào)

前往npm官網(wǎng)注冊(cè)一個(gè)賬號(hào)快耿，記好賬戶名、密碼和郵箱（郵箱收到郵件后一定要進(jìn)行驗(yàn)證）芳绩。
?

2.源切換

這是個(gè)坑掀亥，估計(jì)很多小伙伴都踩過(guò)，畢竟國(guó)內(nèi)npm的速度令人感動(dòng)妥色，所以大家都運(yùn)行過(guò)一條熟悉的命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

但是發(fā)布時(shí)我們一定要把源切換回npm搪花，而不是淘寶源，當(dāng)然嘹害，直接運(yùn)行下面這個(gè)命令即可解決：

npm config set registry=http://registry.npmjs.org

但是老這樣切來(lái)切去有點(diǎn)low啊撮竿，這時(shí)候nrm就派上用場(chǎng)了，nrm是什么笔呀？簡(jiǎn)單點(diǎn)說(shuō)nrm就是專門用來(lái)管理和快速切換私人配置的registry的一個(gè)工具幢踏。

cnpm i nrm -g

安裝好后使用nrm ls命令會(huì)顯示如下：

image

*號(hào)在哪個(gè)地方就說(shuō)明現(xiàn)在的源是哪個(gè)（我現(xiàn)在處在taobao源），也許你剛開(kāi)始不顯示*號(hào)凿可，但不管顯不顯示惑折，直接運(yùn)行nrm use npm，然后再npm ls枯跑，這時(shí)候就發(fā)現(xiàn)*指在npm源上了惨驶，此時(shí)就可以進(jìn)行下一步了。
?

3.登錄

npm login

然后會(huì)提示你輸入用戶名敛助、密碼（是密文的粗卜，你看不見(jiàn)，直接輸就行）和郵箱纳击，登錄成功后會(huì)顯示:

image

?
4.試著發(fā)布npm包

在項(xiàng)目根目錄下運(yùn)行npm publish即可發(fā)布续扔，順利的話就直接成功了攻臀，當(dāng)然也可能會(huì)遇到問(wèn)題：

  • 第一個(gè)就是權(quán)限問(wèn)題，也許報(bào)這樣的錯(cuò)誤npm ERR! Error: EPERM: operation not permitted纱昧，這時(shí)候就得使用管路員權(quán)限來(lái)進(jìn)行發(fā)布了刨啸，window + x會(huì)看到管理員終端選項(xiàng)，打開(kāi)這個(gè)終端识脆，然后再進(jìn)行登錄设联，發(fā)布即可。

  • 第二個(gè)就是名稱問(wèn)題灼捂，就是你的包名在npm上已經(jīng)存在了离例，所以在package.json中將你的包名改成其他的，這樣再發(fā)布悉稠，應(yīng)該就沒(méi)問(wèn)題了宫蛆。

發(fā)布成功后顯示如下：

image

1.5 用用我們發(fā)布的包

隨便找個(gè)練手項(xiàng)目試試：

cnpm i toupper-case-project -D

安裝完成：

image

說(shuō)明我們的包是可以下載安裝的，然后試試功能的猛，我就直接在vue項(xiàng)目中試試了耀盗，大家應(yīng)該看得懂：

image

然后運(yùn)行項(xiàng)目：

image

搞定！那如果我們后期把這個(gè)包改了呢衰絮，該怎么做袍冷？

1.6 更新包

我們把upper.js文件改一改：

// upper.js
let toUpper = (a) => {
    return 'Hello' + a.toUpperCase();
};
export default toUpper;

然后記得把package.json中的版本號(hào)也改了磷醋，正常來(lái)說(shuō)加1即可猫牡，
將"version": "1.0.0"改為"version": "1.0.1"

現(xiàn)在運(yùn)行npm publish就可以直接把新的包覆蓋上去：

image

然后我們?cè)诰毷猪?xiàng)目中怎么更新這個(gè)包呢？

  • 方法一（直接更新）：cnpm update toupper-case-project（有時(shí)可能更新不完全）

  • 方法二（安裝覆蓋）：cnpm i toupper-case-project -D（這個(gè)比較靠譜）

然后運(yùn)行項(xiàng)目：

image

完美邓线！這就是一個(gè)最簡(jiǎn)單的npm包淌友，是不是沒(méi)有想象中的那么觸不可及？但說(shuō)實(shí)話骇陈，這個(gè)包確實(shí)挺low震庭，你看別人的包還經(jīng)過(guò)打包啊、測(cè)試啊你雌、還能在vue中直接Vue.use()方式來(lái)使用器联，而且還有交互。那下面我們就來(lái)試試婿崭。

二拨拓、基于webpack和vue的npm包

直接使用vue-cli的話會(huì)帶上許多我們不需要的模塊，太笨重氓栈，所以我們直接擼一個(gè)渣磷，如果對(duì)webpack還不太熟悉的，可以看看我這篇webpack4.x最詳細(xì)入門講解

2.1 構(gòu)建項(xiàng)目（星級(jí)評(píng)價(jià)組件）

我們來(lái)封裝一個(gè)可根據(jù)傳入的評(píng)分?jǐn)?shù)來(lái)顯示星級(jí)的組件授瘦，類似這樣的：

image

具體代碼請(qǐng)移步github醋界，請(qǐng)反手給個(gè) ★ Star ^_~竟宋，下面開(kāi)始：

首先新建一個(gè)名為star-evaluation的項(xiàng)目文件夾；
然后根據(jù)以下結(jié)構(gòu)建立項(xiàng)目文件：

|——src
|    |——images
|    |     |——star24_half@2x.png
|    |     |——star24_off@2x.png
|    |     |——star24_on@2x.png
|    |——index.js
|    |——Star.vue
|——.npmignore  // 用于忽略不需要上傳到npm的文件
|——package.json
|——README.md
|——webpack.config.js

各文件如下：

Star.vue具體代碼如下形纺，主要就是將傳過(guò)來(lái)的數(shù)值處理后遍歷出不同的class類名丘侠，然后添加到span上。

<!-- Star.vue -->
<template>
  <div class="star">
    <span class="star-item" v-for="(itemClass, index) in itemClasses" :key="index" :class="itemClass"></span>
  </div>
</template>

<script>

// 星星長(zhǎng)度
const LENGTH = 5;
// 星星狀態(tài)
const CLS_ON = 'on';
const CLS_HALF = 'half';
const CLS_OFF = 'off';

export default {
  data () {
    return {
    }
  },
  props: {
    score: {
      type: Number
    }
  },
  computed: {
    itemClasses () {
      let result = [];
      // 如果小數(shù)大于或等于0.5則變?yōu)?.5逐样，否則為0
      let score = Math.floor(this.score * 2) / 2;
      // 全星
      let integer = Math.floor(score);
      // 半星
      let hasHalf = score % 1 !== 0;
      // 遍歷全星
      for (let i = 0; i < integer; i++) {
        result.push(CLS_ON);
      }
      // 處理半星
      if (hasHalf) {
        result.push(CLS_HALF);
      }
      // 補(bǔ)齊婉陷，如果星數(shù)小于5，則一直循環(huán)判斷填入數(shù)據(jù)官研，直到滿足條件
      while (result.length < LENGTH) {
        result.push(CLS_OFF);
      }
      return result;
    }
  }
}
</script>

<style lang="scss" scoped>
  .star{
    font-size: 0;
    .star-item{
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 3px;
      background-repeat: no-repeat;
      background-size: 10px 10px;
      &:last-child{
        margin-right: 0;
      }
    }
    /* 三種圖片類型*/
    .on{
      background-image: url(./images/star24_on@2x.png);
    }
    .half{
      background-image: url(./images/star24_half@2x.png);
    }
    .off{
      background-image: url(./images/star24_off@2x.png);
    }
  }
</style>


// index.js
import Star from './Star.vue';
export default Star;

package.json的依賴配置如下：

{
  "name": "star-evaluation",
  "version": "1.0.0",
  "description": "A plugin which use stars number to evaluate",
  "main": "dist/bundle.js",
  "scripts": {
    "build": "webpack --mode production",
    "dev": "webpack-dev-server --open --mode development"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Better-Alan/star-evaluation.git"
  },
  "keywords": ["star", "evaluation"],
  "author": "BetterMan",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^1.0.0",
    "file-loader": "^2.0.0",
    "node-sass": "^4.9.4",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "url-loader": "^1.1.2",
    "vue": "^2.5.17",
    "vue-hot-reload-api": "^2.2.4",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^15.4.2",
    "vue-router": "^3.0.1",
    "vue-style-loader": "^3.0.3",
    "vue-template-compiler": "^2.5.9",
    "webpack": "^4.23.1",
    "webpack-cli": "^3.1.2"
  }
}

webpack.config.js配置如下秽澳，用于將/src中的內(nèi)容打包到/dist（打包時(shí)會(huì)自動(dòng)生成/dist文件夾）中的bundle.js，bundle.js其實(shí)就相當(dāng)于我們的插件戏羽。

// webpack.config.js
const path = require('path');  // 路徑處理模塊
const { VueLoaderPlugin } = require('vue-loader');

module.exports = {
    entry: {
        index: path.join(__dirname, "/src/index.js")   // 入口
    }, 
    output: {
        path: path.join( __dirname, "/dist"), // 打包后的文件存放的地方
        publicPath: '/dist/',  // 設(shè)置公共路徑
        filename: "bundle.js", // 打包后輸出文件的文件名
        libraryTarget: 'umd'   // 將你的library暴露為所有的模塊定義下都可運(yùn)行的方式担神，它將可在 CommonJS, AMD 環(huán)境下運(yùn)行
    },
    module: {
        rules: [
            {
                test: /\.vue$/,   // vue-loader
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,           // 正則匹配以.css結(jié)尾的文件
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(scss|sass)$/,   // 正則匹配以.scss和.sass結(jié)尾的文件
                use: ['style-loader', 'css-loader', 'sass-loader']  // 需要用的loader，一定是這個(gè)順序始花，因?yàn)檎{(diào)用loader是從右往左編譯的
            },
            {
                test: /\.(png|jpg|svg|gif)$/,  // 圖片loader
                use: ['url-loader']
            },
            {
                test: /\.js$/,    
                exclude: /node_modules|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
                loader: 'babel-loader'
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ]
}

.npmignore（別忘了前面的點(diǎn)）文件用于忽略不需要上傳到npm的文件妄讯，規(guī)則和.gitignore一樣。如果你的項(xiàng)目?jī)?nèi)有.gitignore但沒(méi)有.npmignore酷宵，則會(huì)使用.gitignore的配置亥贸。

.*
*.md
node_modules/
src/

README.md說(shuō)明（不是必須），大家應(yīng)該都比我6浇垦。

此時(shí)我們的目錄應(yīng)該如下：

image

2.2 安裝依賴

以上文件都配置好后就可以運(yùn)行一下命令安裝依賴了：

cnpm install

2.3 打包項(xiàng)目

依賴安裝完成后對(duì)項(xiàng)目進(jìn)行打包：

npm run build

2.4 登錄并發(fā)布（確保當(dāng)前處于npm源）

打包完成后運(yùn)行npm login登錄后npm publish發(fā)布：

image

發(fā)布搞定炕置！，那能不能用呢男韧？我們?nèi)ピ囋嚳础?/p>

2.5 試試我們的npm包

  1. 先下載：
cnpm i star-evaluation -D
image
  1. 項(xiàng)目中引入使用：
image

運(yùn)行后顯示如下：

image

搞定朴摊，這是不是比之前那個(gè)toupper-case-project插件高端那么一丟丟？
?
那有的小伙伴可能會(huì)說(shuō)了：“我平時(shí)看到的插件不是這么用的此虑，很多都是直接Vue.use()后就可以用了甚纲，而且插件還有事件的‰埃”
?
那我們?cè)俑母模?/p>

三介杆、 升級(jí)包

其實(shí)能否使用Vue.use()這個(gè)方式來(lái)調(diào)用組件，取決于是否配置了install方法韭寸，我們給Star.vue組件加上看看：

3.1 配置install方法

// index.js
import Star from './Star.vue';

Star.install = Vue => Vue.component(Star.name, Star);  // 給Star組件配置install方法春哨，注冊(cè)該組件 

export default Star;

注：這里有個(gè)需要注意的地方，就是Star.name是指向我們給Star.vue文件中配置的name屬性棒仍，別忘了配置它：

image

這時(shí)已經(jīng)搞定了Vue.use()了悲靴，那我們?cè)偌由鲜录换ィ妥鰝€(gè)點(diǎn)擊組件彈出具體的星級(jí)數(shù)值吧！

3.2 添加事件

具體修改如下：

<!-- Star.vue -->
<template>
  <!-- 綁定showNumber方法 -->
  <div class="star" @click="showNumber">
    <span class="star-item" v-for="(itemClass, index) in itemClasses" :key="index" :class="itemClass"></span>
  </div>
</template>

<script>
...
export default {
  name: 'Star',   // 別忘加上這個(gè)屬性
  ...
  methods: {
    showNumber() {
      this.$emit('showNumber', '我是彈出的信息');  // 將自定義方法showNumber暴露出去,且將參數(shù)傳出
    }
  }
}
</script>
...

3.3 打包-發(fā)布-使用

依舊老套路癞尚，修改版本號(hào)-打包-發(fā)布耸三，然后我們?cè)诰毷猪?xiàng)目中cnpm i star-evaluation -D再安裝一次，因?yàn)橛袝r(shí)npm update star-evaluation方法不太靠譜浇揩，更新不完全仪壮。

然后我們?cè)诰毷猪?xiàng)目中使用Vue.use()方式和試試事件，在所要使用插件的文件中使用方式如下：

<template>
  <div class="hello">
    <!-- 子組件所傳出的自定義showNumber方法調(diào)用當(dāng)前showMessage方法 -->
    <Star @showNumber="showMessage" :score="2.6"/>
  </div>
</template>

<script>

import Vue from 'vue'   // 引入Vue
import Star from 'star-evaluation';  // 引入Star插件
Vue.use(Star)  // 使用Star插件

// 以上的引入和注冊(cè)一般是在main.js中統(tǒng)一完成胳徽，這個(gè)大家應(yīng)該都比較熟悉

export default {
  // 因?yàn)槭褂昧薞ue.use(Star)方式积锅，所以這里不需要使用components: {Star}來(lái)注冊(cè)插件
  methods: {
    // 點(diǎn)擊組件觸發(fā)此方法
    showMessage(mes) {
      alert(mes);
    }
  }
}
</script>

<style scoped>
</style>

然后我們npm run dev重啟啟用項(xiàng)目，點(diǎn)擊組件顯示如下：

image

搞定养盗！是不是也沒(méi)那么難缚陷？

最后

本來(lái)只打算簡(jiǎn)單的寫(xiě)下基本步驟的，沒(méi)想到寫(xiě)（啰嗦）了這么長(zhǎng)往核，有寫(xiě)得不合適的地方請(qǐng)多多指教箫爷，如果能對(duì)你有所幫助，也麻煩github給個(gè)星哈聂儒，這樣我就可以放心的去搬磚了↓-↓

image

掘金
博客園

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末虎锚，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子衩婚，更是在濱河造成了極大的恐慌窜护，老刑警劉巖，帶你破解...
    沈念sama閱讀 218,682評(píng)論 6贊 507
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件非春，死亡現(xiàn)場(chǎng)離奇詭異柱徙，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)税娜，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門坐搔，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)藏研，“玉大人敬矩，你說(shuō)我怎么就攤上這事〈赖玻” “怎么了弧岳？”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,083評(píng)論 0贊 355
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長(zhǎng)业踏。 經(jīng)常有香客問(wèn)我禽炬，道長(zhǎng)，這世上最難降的妖魔是什么勤家？ 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,763評(píng)論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任腹尖，我火速辦了婚禮，結(jié)果婚禮上伐脖，老公的妹妹穿的比我還像新娘热幔。我一直安慰自己乐设，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開(kāi)白布绎巨。 她就那樣靜靜地躺著近尚，像睡著了一般。 火紅的嫁衣襯著肌膚如雪场勤。 梳的紋絲不亂的頭發(fā)上戈锻，一...
    開(kāi)封第一講書(shū)人閱讀 51,624評(píng)論 1贊 305
  • 城市分裂傳說(shuō)
    那天，我揣著相機(jī)與錄音和媳，去河邊找鬼格遭。 笑死，一個(gè)胖子當(dāng)著我的面吹牛留瞳，可吹牛的內(nèi)容都是我干的如庭。 我是一名探鬼主播，決...
    沈念sama閱讀 40,358評(píng)論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開(kāi)眼撼港，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼坪它！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起帝牡，我...
    開(kāi)封第一講書(shū)人閱讀 39,261評(píng)論 0贊 276
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤往毡，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后靶溜，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體开瞭，經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1贊 315
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3贊 336
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年罩息，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了嗤详。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1贊 350
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡瓷炮，死狀恐怖葱色，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情娘香，我是刑警寧澤苍狰，帶...
    沈念sama閱讀 35,737評(píng)論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站烘绽，受9級(jí)特大地震影響淋昭，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜安接，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3贊 330
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一翔忽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦歇式、人聲如沸矢赁。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,941評(píng)論 0贊 22
  • 一樁弒父案贬丛，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)撩银。三九已至，卻和暖如春豺憔，著一層夾襖步出監(jiān)牢的瞬間额获，已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,057評(píng)論 1贊 270
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工恭应， 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抄邀，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3贊 371
  • 代替公主和親
    正文 我出身青樓昼榛，卻偏偏與公主長(zhǎng)得像境肾，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子胆屿，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2贊 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評(píng)論 25贊 707
  • 用兩張圖告訴你奥喻，為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料？ 從這篇文章中你...
    hw1212閱讀 12,728評(píng)論 2贊 59
  • 我是誰(shuí)冷离，這是哲學(xué)研究領(lǐng)域永遠(yuǎn)的話題，個(gè)人覺(jué)得也是一個(gè)人能活明白的基礎(chǔ)纯命。很可惜西剥，我還沒(méi)咋活明白。 所以亿汞，只能深夜在這...
    月亮喵閱讀 465評(píng)論 0贊 1
  • ① 前一陣留夜，有個(gè)朋友找我?guī)兔?xiě)點(diǎn)東西匙铡。 我就說(shuō)急不急？要不過(guò)幾天吧碍粥。 誰(shuí)知道他一句話噎得我喘不過(guò)氣來(lái)。 “你盡快吧...
    少爺寫(xiě)春秋閱讀 528評(píng)論 0贊 2
  • 男人的四個(gè)基本需要：性欲黑毅、保護(hù)欲嚼摩、征服欲、歸屬感。 性欲延伸出來(lái)的是占有欲枕面，有占有欲才會(huì)去追愿卒。展現(xiàn)身材外貌的優(yōu)勢(shì)。...
    曉韻_凹凸曼閱讀 5,635評(píng)論 0贊 2