脚本宝典收集整理的这篇文章主要介绍了

看完Vue文档,第一个项目仍然不知从何下手?

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。
<p><code></p> <blockquote> <p><strong>Demo:</strong><a href="https://shuirong.github.io/vcnode/index.html#/" rel="nofollow noreferrer" target="_blank">Vue构建的CnodeJS社区</a><br /><strong>Github:</strong><a href="https://github.com/shuiRong/VueCnodeJS" rel="nofollow noreferrer" target="_blank">shuiRong/VueCnodeJS</a><br />觉得不错还请给Star (。→‿←。)</p> </blockquote> <p>记得之前尤雨溪曾说过如何学<a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a>:</p> <ol> <li> <p>首先, 看文档把Demo都敲一遍, 熟悉<a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a>语法</p> </li> <li> <p>了解Webpack的基本用法和ES6的一些新特性</p> </li> <li> <p>借助<a href="http://www.js-code.com/tag/vue" title="浏览关于“Vue”的文章" target="_blank" class="tag_link">Vue</a>-cli脚手架写一个项目</p> </li> <li> <p>学习Vue源码</p> </li> </ol> <p><strong>顺便一提,其实上面这一套放诸四海,皆准。</strong></p> <p>看文档学习概念没什么说的,重点说说<strong>第一个Vue项目如何下手</strong>,和<strong>源码怎么看</strong>:</p> <p>说来惭愧,第一次看完Vue文档的基础篇,进阶篇后,仍是一脸茫然,不知我的第一个Vue项目该从何下手。然后.....我又回去看第二遍文档了,以为再把Vue概念过一遍,应该就知道怎么写Vue项目了。然而......你们猜到了,看完后对着编辑器,还是不知道该怎么下手,尴尬。</p> <p>然后我就去Gayhub上找了个Vue项目,<strong>签出第一次的commit,开始看。确保看懂程序是怎么运行的之后,再签出下一个commit。就这样,看了大概5,6个commit后,我就知道Vue项目该怎么写了。</strong></p> <div class="google-auto-placed ap_container" style="text-align: center; width: 100%; height: auto; clear: none;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-6330872677300335" data-adsbygoogle-status="done" style="display: block; margin: auto; background-color: transparent;"><ins id="aswift_4_expand" style="display: inline-table; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent;"><ins id="aswift_4_anchor" style="display: block; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent; overflow: hidden; opacity: 0;"><iframe width="697" height="175" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_4" name="aswift_4" style="left:0;position:absolute;top:0;border:0px;width:697px;height:175px;"></iframe></ins></ins></ins></div> <p>接下来的就很顺利了,构建项目框架,写组件,用到vue-router,vue-resource又去看了看文档,文档东西很少,很快就能用到项目里。</p> <p>大概花了5天,20个小时左右,就把这个项目搞定了。</p> <blockquote> <p><strong>PS: </strong>考虑到别人可能会看我源码来学习Vue,我commit时是根据项目的功能模块,即每完成一小块功能,就commit一次。贴心吧,嘻嘻。</p> </blockquote> <p><strong>Star! Star! Star!</strong></p> <p></code></p>

总结

以上是脚本宝典为你收集整理的

看完Vue文档,第一个项目仍然不知从何下手?

全部内容,希望文章能够帮你解决

看完Vue文档,第一个项目仍然不知从何下手?

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过