先提交一下，(*^__^*) 嘻嘻……

Author: MiYogurt

README.md

@@ -1,6 +1,8 @@
 # vue-rust-cn
 
 > 未完成，路由在 src/main.js 里面
+> do 提醒组件 message.vue 与 点赞成功的提醒功能
+> 几天不写，突然发现这么简单的逻辑都不会了，留坑，以后做。
 
 ## Build Setup
 

build/superagent-mock-config.js

@@ -0,0 +1,223 @@
+module.exports = [
+  {
+    /**
+     * regular expression of URL
+     */
+    pattern: 'https://api.local(.*)',
+
+    /**
+     * returns the data
+     *
+     * @param match array Result of the resolution of the regular expression
+     * @param params object sent by 'send' function
+     * @param headers object set by 'set' function
+     */
+    fixtures: function (match, params, headers) {
+      /**
+       * Returning error codes example:
+       *   request.get('https://domain.example/404').end(function(err, res){
+       *     console.log(err); // 404
+       *     console.log(res.notFound); // true
+       *   })
+       */
+      if (match[1] === '/404') {
+        throw new Error(404);
+      }
+
+      if (match[1] === '/support/up') {
+        return {
+          ok: 1
+        };
+      }
+
+      if (match[1] === '/article/up') {
+        return {
+          ok: 1
+        };
+      }
+
+      if (match[1] === '/favourite') {
+        return {
+          up: true,
+          down: false
+        };
+      }
+
+      if (match[1] === '/enshrine_status') {
+        return true;
+      }
+
+      if (match[1] === '/enshrine') {
+        return {
+          ok: 1
+        };
+      }
+
+
+
+      if (match[1] == '/article') {
+        if(params['article_id']) {
+          let date = new Date()
+          let content = `<article>
+                          <h2 id="我们是谁？">我们是谁？</h2>
+                          <p>我们是幻腾智能，中国最专注于智能家居的互联网公司。<br>
+                          我们的梦想是通过将照明，门窗，燃气报警，窗帘等等设备智能化，来拉近亲人之间的距离，带来更多幸福感，让中国的普通百姓能够享受到前所未有的舒适生活。</p>
+
+                          <p>说的简单一点，我们的产品是这样的：通过幻腾的手机App，用户可以在手机上看到家人的状态，能够知道什么时候需要开始做饭了。在出差的时候，可以随时知道家里有没有小偷进入。老人晚上上厕所的时候，灯光可以自动点亮，等等。</p>
+
+                          <h2 id="为什么你应该加入？">为什么你应该加入？</h2><h4 id="超浓的技术氛围让你不会孤独">超浓的技术氛围让你不会孤独</h4>
+
+                          <p>加分项：</p>
+
+                          <ul>
+                          <li>完成以下测试，并获得1万分以上
+                          <a href="http://pg.wutj.info/tom-home/" target="_blank">猜猜Tom几点到家？</a>
+                          By CTO 吴天际</li>
+                          </ul>
+                          <h2 id="联系方式">联系方式</h2>
+                          <ul>
+                          <li>公司地址： 北京市海淀区双清路3号33025</li>
+                          <li>电话：13911339910</li>
+                          <li>邮箱：hr@huantengsmart.com</li>
+                          </ul>
+                        </article>`
+
+          return {
+            id: params['article_id'],
+            title: '[北京] 幻腾科技寻找 Ruby 后端工程师',
+            category: '招聘',
+            author: {
+              face_img: 'https://ruby-china-files.b0.upaiyun.com/user/large_avatar/21472.jpg',
+              name: 'Tiny',
+              id: 30
+            },
+            viewCount: 39,
+            favourite: {
+              up: 12,
+              down: 0
+            },
+            release_time: '11分钟前',
+            last_comment: {
+              user_id: 90,
+              user_name:'飘雪',
+              last_time: '2分钟前'
+            },
+            now_time: date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate(),
+            content: content,
+            comments: [
+              {
+                id:2,
+                user_id:3,
+                username:'十八岁的蜀黍',
+                face_img:'https://cdn.v2ex.co/avatar/1c3e/364c/43832_normal.png?m=1401411063',
+                time: '5 分钟前',
+                up_count: 2,
+                content: '寒蝉凄切，对长亭晚，骤雨初歇。都门帐饮无绪，留恋处，兰舟催发。执手相看泪眼，竟无语凝噎。念去去，千里烟波，暮霭沉沉楚天阔。 多情自古伤离别，更那堪冷落清秋节！今宵酒醒何处？杨柳岸，晓风残月。此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说？'
+              },
+
+              {
+                id:3,
+                user_id:78,
+                username:'飘雪',
+                face_img:'https://avatars3.githubusercontent.com/u/12268276?v=3&s=80',
+                time: '2分钟前',
+                up_count: 0,
+                content: '<p>北方有佳人。绝世而独立。一顾倾人城。再顾倾人国。宁不知倾城与倾国。佳人难再得。</p>'
+
+              }
+
+            ],
+
+          }
+        }
+      }
+
+      /**
+       * Checking on parameters example:
+       *   request.get('https://domain.example/hero').send({superhero: "superman"}).end(function(err, res){
+       *     console.log(res.body); // "Your hero: superman"
+       *   })
+       */
+
+      if (match[1] === '/hero') {
+        if(params['superhero']) {
+          return 'Your hero:' + params['superhero'];
+        } else {
+          return 'You didnt chose a hero';
+        }
+      }
+
+
+      /**
+       * Checking on headers example:
+       *   request.get('https://domain.example/authorized_endpoint').set({Authorization: "9382hfih1834h"}).end(function(err, res){
+       *     console.log(res.body); // "Authenticated!"
+       *   })
+       */
+
+      if (match[1] === '/authorized_endpoint') {
+        if(headers['Authorization']) {
+          return 'Authenticated!';
+        } else {
+          throw new Error(401); // Unauthorized
+        }
+      }
+
+
+    },
+
+    /**
+     * returns the result of the GET request
+     *
+     * @param match array Result of the resolution of the regular expression
+     * @param data  mixed Data returns by `fixtures` attribute
+     */
+    get: function (match, data) {
+
+      return {
+          body: data
+      };
+    },
+
+    /**
+     * returns the result of the POST request
+     *
+     * @param match array Result of the resolution of the regular expression
+     * @param data  mixed Data returns by `fixtures` attribute
+     */
+    post: function (match, data) {
+
+      if (match[1] === '/comment') {
+        return {
+          comment_id: 3
+        };
+      }
+
+      if (match[1] === '/register') {
+        return {
+          user_id: 3,
+          username: 'yugo',
+          face_img: 'http://temp.im/150x150/007AFF/fff'
+        };
+      }
+
+      return {
+        code: 201
+      };
+    },
+    delete: function(match, data){
+      if (match[1] === '/comment') {
+          return {
+            ok: 1
+          }
+      }
+    },
+    put: function(match, data){
+      if (match[1] === '/comment') {
+          return {
+            ok: 1
+          }
+      }
+    },
+  }
+];

build/webpack.dev.conf.js

@@ -29,6 +29,10 @@ module.exports = merge(baseWebpackConfig, {
       filename: 'index.html',
       template: 'index.html',
       inject: true
-    })
-  ]
+    }),
+    new webpack.DefinePlugin({ "global.GENTLY": false }),
+  ],
+  node: {
+    __dirname: true,
+  },
 })

index.html

@@ -11,6 +11,7 @@
     <link href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
     <link href="//cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
     <link href="//cdn.bootcss.com/wangeditor/2.1.10/css/wangEditor.min.css" rel="stylesheet">
+    <link href="//cdn.bootcss.com/highlight.js/9.5.0/styles/atelier-forest.dark.min.css" rel="stylesheet">
   </head>
   <body>
     <app></app>
@@ -23,5 +24,6 @@
 
     <script src="//cdn.bootcss.com/mixitup/2.1.10/jquery.mixitup.min.js"></script>
     <script src="//cdn.bootcss.com/wangeditor/2.1.10/js/wangEditor.min.js"></script>
+    <script src="//cdn.bootcss.com/highlight.js/9.5.0/highlight.min.js"></script>
   </body>
 </html>

package.json

@@ -11,8 +11,11 @@
   },
   "dependencies": {
     "babel-runtime": "^6.0.0",
+    "highlight.js": "^9.5.0",
+    "superagent": "^2.0.0",
     "vue": "^1.0.21",
-    "vue-router": "^0.7.13"
+    "vue-router": "^0.7.13",
+    "xss": "^0.2.13"
   },
   "devDependencies": {
     "babel-core": "^6.0.0",
@@ -33,6 +36,7 @@
     "ora": "^0.2.0",
     "shelljs": "^0.6.0",
     "stylus-loader": "^2.1.0",
+    "superagent-mock": "^1.10.0",
     "url-loader": "^0.5.7",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",