vant/v1/async_55.4cab6d10.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{232:function(u,s,E){"use strict";E.r(s);var C={created:function(){this.content=unescape("%3Ch2%3E%u5FEB%u901F%u4E0A%u624B%3C/h2%3E%0A%3Ch3%3E%u811A%u624B%u67B6%3C/h3%3E%0A%3Cp%3E%u63A8%u8350%u4F7F%u7528%20Vue%20%u5B98%u65B9%u63D0%u4F9B%u7684%u811A%u624B%u67B6%20%3Ca%20href%3D%22https%3A//cli.vuejs.org/zh/%22%3EVue%20Cli%203%3C/a%3E%20%u521B%u5EFA%u9879%u76EE%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-bash%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%23%20%u5B89%u88C5%20Vue%20Cli%3C/span%3E%0Anpm%20install%20-g%20@vue/cli%0A%0A%3Cspan%20class%3D%22hljs-comment%22%3E%23%20%u521B%u5EFA%u4E00%u4E2A%u9879%u76EE%3C/span%3E%0Avue%20create%20hello-world%0A%3C/code%3E%3C/pre%3E%0A%3Cp%3E%u521B%u5EFA%u5B8C%u6210%u540E%uFF0C%u53EF%u4EE5%u901A%u8FC7%u547D%u4EE4%u6253%u5F00%u56FE%u5F62%u5316%u754C%u9762%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-bash%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%23%20%u6253%u5F00%u56FE%u5F62%u5316%u754C%u9762%3C/span%3E%0Avue%20ui%0A%3C/code%3E%3C/pre%3E%0A%3Cp%3E%u5728%u56FE%u5F62%u5316%u754C%u9762%u4E2D%uFF0C%u70B9%u51FB%3Ccode%3E%u4F9D%u8D56%3C/code%3E%20-%26gt%3B%20%3Ccode%3E%u5B89%u88C5%u4F9D%u8D56%3C/code%3E%uFF0C%u7136%u540E%u5C06%20%3Ccode%3Evant%3C/code%3E%20%u6DFB%u52A0%u5230%u4F9D%u8D56%u4E2D%u5373%u53EF%u3002%3C/p%3E%0A%3Cimg%20width%3D%22100%25%22%20style%3D%22box-shadow%3A%200%201px%201px%20rgba%280%2C%200%2C%200%2C%20.1%29%3B%20border-radius%3A%203px%3B%22%20src%3D%22https%3A//img.yzcdn.cn/vant/vue-cli-demo-201809032000.png%22%20%3E%0A%3Ch3%3E%u793A%u4F8B%u5DE5%u7A0B%3C/h3%3E%0A%3Cp%3E%u6211%u4EEC%u63D0%u4F9B%u4E86%u4E00%u4E2A%u57FA%u4E8E%20Vue%20Cli%203%20%u7684%u793A%u4F8B%u5DE5%u7A0B%uFF0C%u4ED3%u5E93%u5730%u5740%u4E3A%20%3Ca%20href%3D%22https%3A//github.com/youzan/vant-demo%22%3EVant%20Demo%3C/a%3E%uFF0C%u793A%u4F8B%u5DE5%u7A0B%u4F1A%u5E2E%u52A9%u4F60%u4E86%u89E3%u5982%u4E0B%u5185%u5BB9%uFF1A%3C/p%3E%0A%3Cul%3E%0A%3Cli%3E%u57FA%u4E8E%20vant%20%u642D%u5EFA%u5355%u9875%u9762%u5E94%u7528%3C/li%3E%0A%3Cli%3E%u914D%u7F6E%20rem%20%u9002%u914D%u65B9%u6848%3C/li%3E%0A%3Cli%3E%u914D%u7F6E%20TypeScript%20%u5DE5%u7A0B%3C/li%3E%0A%3Cli%3E%u914D%u7F6E%u81EA%u5B9A%u4E49%u4E3B%u9898%u8272%u65B9%u6848%3C/li%3E%0A%3C/ul%3E%0A%3Ch3%3E%u5B89%u88C5%3C/h3%3E%0A%3Ch4%3ENPM%3C/h4%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-shell%22%3Enpm%20i%20vant%20-S%0A%3C/code%3E%3C/pre%3E%0A%3Ch4%3EYARN%3C/h4%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-shell%22%3Eyarn%20add%20vant%0A%3C/code%3E%3C/pre%3E%0A%3Ch4%3ECDN%3C/h4%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%20%u5F15%u5165%u6837%u5F0F%20--%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Elink%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Erel%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22stylesheet%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ehref%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22https%3A//cdn.jsdelivr.net/npm/vant@1.6/lib/index.css%22%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%20%u5F15%u5165%u7EC4%u4EF6%20--%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22https%3A//cdn.jsdelivr.net/npm/vue/dist/vue.min.js%22%3C/span%3E%26gt%3B%3C/span%3E%3Cspan%20class%3D%22undefined%22%3E%3C/span%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Escript%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22https%3A//cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js%22%3C/span%3E%26gt%3B%3C/span%3E%3Cspan%20class%3D%22undefined%22%3E%3C/span%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Escript%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3Ch3%3E%u5F15%u5165%u7EC4%u4EF6%3C/h3%3E%0A%3Ch4%3E%u65B9%u5F0F%u4E00.%20%u4F7F%u7528%A0%3Ca%20href%3D%22https%3A//github.com/ant-design/babel-plugin-import%22%3Ebabel-plugin-import%3C/a%3E%20%28%u63A8%u8350%29%3C/h4%3E%0A%3Cp%3E%3Ccode%3Ebabel-plugin-import%3C/code%3E%20%u662F%u4E00%u6B3E%20babel%20%u63D2%u4EF6%uFF0C%u5B83%u4F1A%u5728%u7F16%u8BD1%u8FC7%u7A0B%u4E2D%u5C06%20import%20%u7684%u5199%u6CD5%u81EA%u52A8%u8F6C%u6362%u4E3A%u6309%u9700%u5F15%u5165%u7684%u65B9%u5F0F%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-bash%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%23%20%u5B89%u88C5%20babel-plugin-import%20%u63D2%u4EF6%3C/span%3E%0Anpm%20i%20babel-plugin-import%20-D%0A%3C/code%3E%3C/pre%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-js%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E//%20.babelrc%20%u4E2D%u914D%u7F6E%3C/span%3E%0A%3Cspan%20class%3D%22hljs-comment%22%3E//%20%u6CE8%u610F%uFF1Awebpack%201%20%u65E0%u9700%u8BBE%u7F6E%20libraryDirectory%3C/span%3E%0A%7B%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E%22plugins%22%3C/span%3E%3A%20%5B%0A%20%20%20%20%5B%3Cspan%20class%3D%22hljs-string%22%3E%22import%22%3C/span%3E%2C%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-string%22%3E%22libraryName%22%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%22vant%22%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-string%22%3E%22libraryDirectory%22%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%22es%22%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-string%22%3E%22style%22%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Etrue%3C/span%3E%0A%20%20%20%20%7D%5D%0A%20%20%5D%0A%7D%0A%0A%3Cspan%20class%3D%22hljs-comment%22%3E//%20%u5BF9%u4E8E%u4F7F%u7528%20babel7%20%u7684%u7528%u6237%uFF0C%u53EF%u4EE5%u5728%20babel.config.js%20%u4E2D%u914D%u7F6E%3C/span%3E%0A%3Cspan%20class%3D%22hljs-built_in%22%3Emodule%3C/span%3E.exports%20%3D%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eplugins%3C/span%3E%3A%20%5B%0A%20%20%20%20%5B%3Cspan%20class%3D%22hljs-string%22%3E%27import%27%3C/span%3E%2C%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3ElibraryName%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant%27%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3ElibraryDirectory%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%27es%27%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Etrue%3C/span%3E%0A%20%20%20%20%7D%2C%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant%27%3C/span%3E%5D%0A%20%20%5D%0A%7D%3B%0A%3C/code%3E%3C/pre%3E%0A%3Cp%3E%u63A5%u7740%u4F60%u53EF%u4EE5%u5728%u4EE3%u7801%u4E2D%u76F4%u63A5%u5F15%u5165%20Vant%20%u7EC4%u4EF6%uFF0C%u63D2%u4EF6%u4F1A%u81EA%u52A8%u5C06%u4EE3%u7801%u8F6C%u5316%u4E3A%u65B9%u5F0F%u4E8C%u4E2D%u7684%u6309%u9700%u5F15%u5165%u5F62%u5F0F%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-js%22%3E%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20%7B%20Button%2C%20Cell%20%7D%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant%27%3C/span%3E%3B%0A%3C/code%3E%3C/pre%3E%0A%3Cblockquote%3E%0A%3Cp%3E%u5982%u679C%u4F60%u5728%u4F7F%u7528%20TypeScript%uFF0C%u53EF%u4EE5%u4F7F%u7528%20%3Ca%20href%3D%22https%3A//github.com/Brooooooklyn/ts-import-plugin%22%3Ets-import-plugin%3C/a%3E%20%u5B9E%u73B0%u6309%u9700%u5F15%u5165%3C/p%3E%0A%3C/blockquote%3E%0A%3Ch4%3E%u65B9%u5F0F%u4E8C.%20%u6309%u9700%u5F15%u5165%u7EC4%u4EF6%3C/h4%3E%0A%3Cp%3E%u5728%u4E0D%u4F7F%u7528%u63D2%u4EF6%u7684%u60C5%u51B5%u4E0B%uFF0C%u53EF%u4EE5%u624B%u52A8%u5F15%u5165%u9700%u8981%u7684%u7EC4%u4EF6%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-js%22%3E%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20Button%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant/lib/button%27%3C/span%3E%3B%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant/lib/button/style%27%3C/span%3E%3B%0A%3C/code%3E%3C/pre%3E%0A%3Ch4%3E%u65B9%u5F0F%u4E09.%20%u5BFC%u5165%u6240%u6709%u7EC4%u4EF6%3C/h4%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-js%22%3E%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20Vue%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vue%27%3C/span%3E%3B%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20Vant%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant%27%3C/span%3E%3B%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C/span%3E%20%3Cspan%20class%3D%22hljs-string%22%3E%27vant/lib/index.css%27%3C/span%3E%3B%0A%0AVue.use%28Vant%29%3B%0A%3C/code%3E%3C/pre%3E%0A%3Cblockquote%3E%0A%3Cp%3E%u6CE8%u610F%uFF1A%u914D%u7F6E%20babel-plugin-import%20%u63D2%u4EF6%u540E%u5C06%u4E0D%u5141%u8BB8%u5BFC%u5165%u6240%u6709%u7EC4%u4EF6%3C/p%3E%0A%3C/blockquote%3E%0A%3Ch3%3ERem%20%u9002%u914D%3C/h3%3E%0A%3Cp%3EVant%20%u4E2D%u7684%u6837%u5F0F%u9ED8%u8BA4%u4F7F%u7528%3Ccode%3Epx%3C/code%3E%u4F5C%u4E3A%u5355%u4F4D%uFF0C%u5982%u679C%u9700%u8981%u4F7F%u7528%3Ccode%3Erem%3C/code%3E%u5355%u4F4D%uFF0C%u63A8%u8350%u4F7F%u7528%u4EE5%u4E0B%u4E24%u4E2A%u5DE5%u5177%3C/p%3E%0A%3Cul%3E%0A%3Cli%3E%3Ca%20href%3D%22https%3A//github.com/cuth/postcss-pxtorem%22%3Epostcss-pxtorem%3C/a%3E%20%u662F%u4E00%u6B3E%20postcss%20%u63D2%u4EF6%uFF0C%u7528%u4E8E%u5C06%u5355%u4F4D%u8F6C%u5316%u4E3A%20rem%3C/li%3E%0A%3Cli%3E%3Ca%20href%3D%22https%3A//github.com/amfe/lib-flexible%22%3Elib-flexible%3C/a%3E%20%u7528%u4E8E%u8BBE%u7F6E%20rem%20%u57FA%u51C6%u503C%3C/li%3E%0A%3C/ul%3E%0A%3Cp%3E%u4E0B%u9762%u63D0%u4F9B%u4E86%u4E00%u4EFD%u57FA%u672C%u7684%20postcss%20%u914D%u7F6E%uFF0C%u53EF%u4EE5%u5728%u6B64%u914D%u7F6E%u7684%u57FA%u7840%u4E0A%u6839%u636E%u9879%u76EE%u9700%u6C42%u8FDB%u884C%u4FEE%u6539%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-js%22%3E%3Cspan%20class%3D%22hljs-built_in%22%3Emodule%3C/span%3E.exports%20%3D%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eplugins%3C/span%3E%3A%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-string%22%3E%27autoprefixer%27%3C/span%3E%3A%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ebrowsers%3C/span%3E%3A%20%5B%3Cspan%20class%3D%22hljs-string%22%3E%27Android%20%26gt%3B%3D%204.0%27%3C/span%3E%2C%20%3Cspan%20class%3D%22hljs-string%22%3E%27iOS%20%26gt%3B%3D%207%27%3C/span%3E%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%3Cspan%20class%3D%22hljs-string%22%3E%27postcss-pxtorem%27%3C/span%3E%3A%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3ErootValue%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E37.5%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EpropList%3C/span%3E%3A%20%5B%3Cspan%20class%3D%22hljs-string%22%3E%27*%27%3C/span%3E%5D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%3C/code%3E%3C/pre%3E%0A%3Cblockquote%3E%0A%3Cp%3E%u6CE8%u610F%uFF1A%u5728%u914D%u7F6E%20postcss-loader%20%u65F6%uFF0C%u5E94%u907F%u514D%08%20ignore%20node_modules%20%u76EE%u5F55%uFF0C%u8FD9%u4F1A%u5BFC%u81F4%20Vant%20%u7684%u6837%u5F0F%u65E0%u6CD5%u88AB%u7F16%u8BD1%3C/p%3E%0A%3C/blockquote%3E%0A")}},a=E(7),n=Object(a.a)(C,function(){this.$createElement;this._self._c;return this._m(0)},[function(){var u=this.$createElement;return(this._self._c||u)("section",{domProps:{innerHTML:this._s(this.content)}})}],!1,null,null,null);s.default=n.exports}}]);