Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目
2024-05-15 16:20:41
Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli
vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目》
一、 安装 node.js
首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。
只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399
安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。
二、安装 vue-cli
安装好了 node，我们可以直接全局安装 vue-cli：
npm install -g vue-cli
但是这种安装方式比较慢，推荐使用国内镜像来安装，所以我们先设置 cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败，可以使用 npm cache clean 清理缓存，然后再重新安装。后面的安装过程中，如有安装失败的情况，也需要先清理缓存
同样可以使用 cnpm -v 查看是否安装成功
然后使用 cnpm 安装 vue-cli 和 webpack
cnpm install -g vue-cli
最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack
安装完成后，可以使用 vue -V （注意 V 大写）查看是否安装成功。
如果提示“无法识别 'vue' ” ，有可能是 npm 版本过低，可以使用 npm install -g npm 来更新版本
三、生成项目
首先需要在命令行中进入到项目目录，然后输入：
vue init webpack Vue-Project
其中 webpack 是模板名称，可以到 vue.js 的 GitHub 上查看更多的模板https://github.com/vuejs-templates
Vue-Project 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹
配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录（cd Vue-Project），使用 cnpm 安装依赖
cnpm install
然后启动项目
npm run dev
如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js
建议将端口号改为不常用的端口。另外我还将 build 的路径前缀修改为 ' ./ '（原本为 ' / '），是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。
四、打包上线
自己的项目文件都需要放到 src 文件夹下
项目开发完成之后，可以输入 npm run build 来进行打包工作
npm run build
打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看
项目上线时，只需要将 dist 文件夹放到服务器就行了。
分类: Vue
标签: vue, vue-cli, webpack, npm
好文要顶 关注我 收藏该文
Wise.Wrong
关注 - 7
粉丝 - 682
关注 - 7
粉丝 - 682
+加关注
28
0
» 下一篇： Vue 爬坑之路（二）—— 组件之间的数据传递
</div><div class="postDesc">posted @ <span id="post-date">2017-01-06 14:04</span> <a href="https://www.cnblogs.com/wisewrong/">Wise.Wrong</a> 阅读(<span id="post_view_count">119926</span>) 评论(<span id="post_comment_count">44</span>) <a href="https://i.cnblogs.com/EditPosts.aspx?postid=6255817" rel="nofollow">编辑</a> <a href="#" onclick="AddToWz(6255817);return false;">收藏</a></div>
</div>
<script type="text/javascript">var allowComments=true,cb_blogId=317026,cb_entryId=6255817,cb_blogApp=currentBlogApp,cb_blogUserGuid='927db152-66a5-e611-845c-ac853d9f53ac',cb_entryCreatedDate='2017/1/6 14:04:00';loadViewCount(cb_entryId);var cb_postType=1;var isMarkdown=false;</script>
评论列表
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3634750" class="layer">#1楼</a><a name="3634750" id="comment_anchor_3634750"></a> <span class="comment_date">2017-03-08 12:59</span> <a id="a_comment_author_3634750" href="https://www.cnblogs.com/kzh4435/" target="_blank">jahn</a> <a href="http://msg.cnblogs.com/send/jahn" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3634750" class="blog_comment_body"><a href="http://localhost" target="_blank">http://localhost</a>:8080/#/ 我的npm run dev 后是带 #/ 如何设置把这个给隐藏呢</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3634750,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3634750,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3634801" class="layer">#2楼</a><a name="3634801" id="comment_anchor_3634801"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-03-08 13:44</span> <a id="a_comment_author_3634801" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3634801" class="blog_comment_body"><a href="#3634750" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3634750);">@</a>
jahn
配置 router 的时候，设置 mode: ‘history’。可以参考 Vue爬坑（三）
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3634891" class="layer">#3楼</a><a name="3634891" id="comment_anchor_3634891"></a> <span class="comment_date">2017-03-08 14:46</span> <a id="a_comment_author_3634891" href="https://www.cnblogs.com/kzh4435/" target="_blank">jahn</a> <a href="http://msg.cnblogs.com/send/jahn" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3634891" class="blog_comment_body"><a href="#3634801" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3634801);">@</a>
WiseWrong
好的，原来是我安装的时候默认安装了router，谢谢
支持(0) 反对(0)
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3670771" class="layer">#4楼</a><a name="3670771" id="comment_anchor_3670771"></a> <span class="comment_date">2017-04-18 11:55</span> <a id="a_comment_author_3670771" href="http://home.cnblogs.com/u/1067831/" target="_blank">大步娃娃</a> <a href="http://msg.cnblogs.com/send/%E5%A4%A7%E6%AD%A5%E5%A8%83%E5%A8%83" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3670771" class="blog_comment_body">真不错 很详细</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3670771,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3670771,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3671836" class="layer">#5楼</a><a name="3671836" id="comment_anchor_3671836"></a> <span class="comment_date">2017-04-19 15:53</span> <a id="a_comment_author_3671836" href="http://home.cnblogs.com/u/1049118/" target="_blank">一名小小程序员</a> <a href="http://msg.cnblogs.com/send/%E4%B8%80%E5%90%8D%E5%B0%8F%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%91%98" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3671836" class="blog_comment_body">楼主，xampp要设置路径么。安装完run 打开的是htdocs里面的页面啊</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3671836,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3671836,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3671956" class="layer">#6楼</a><a name="3671956" id="comment_anchor_3671956"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-04-19 17:21</span> <a id="a_comment_author_3671956" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3671956" class="blog_comment_body"><a href="#3671836" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3671836);">@</a>
一名小小程序员
不需要设置路径的。建议先在其他目录下试试，没有问题再挪到 xampp
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3672607" class="layer">#7楼</a><a name="3672607" id="comment_anchor_3672607"></a> <span class="comment_date">2017-04-20 12:42</span> <a id="a_comment_author_3672607" href="http://home.cnblogs.com/u/1049118/" target="_blank">一名小小程序员</a> <a href="http://msg.cnblogs.com/send/%E4%B8%80%E5%90%8D%E5%B0%8F%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%91%98" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3672607" class="blog_comment_body"><a href="#3671956" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3671956);">@</a>
WiseWrong
打开 就是index的内容，没有跳转带app。vue内容
支持(0) 反对(0)
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3677685" class="layer">#8楼</a><a name="3677685" id="comment_anchor_3677685"></a> <span class="comment_date">2017-04-26 15:29</span> <a id="a_comment_author_3677685" href="https://www.cnblogs.com/mablevi/" target="_blank">Mablevi</a> <a href="http://msg.cnblogs.com/send/Mablevi" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3677685" class="blog_comment_body">我安装的vue-simple 模板 但是build之后dist文件夹 只有logo.png、build.js、build.js.map 这三个文件呢？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3677685,'Digg',this)">支持(1)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3677685,'Bury',this)">反对(0)</a></div><span id="comment_3677685_avatar" style="display:none;">http://pic.cnblogs.com/face/u121093.jpg</span></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3677690" class="layer">#9楼</a><a name="3677690" id="comment_anchor_3677690"></a> <span class="comment_date">2017-04-26 15:32</span> <a id="a_comment_author_3677690" href="https://www.cnblogs.com/mablevi/" target="_blank">Mablevi</a> <a href="http://msg.cnblogs.com/send/Mablevi" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3677690" class="blog_comment_body">明白了 在页面引用就可以了</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3677690,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3677690,'Bury',this)">反对(0)</a></div><span id="comment_3677690_avatar" style="display:none;">http://pic.cnblogs.com/face/u121093.jpg</span></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3695416" class="layer">#10楼</a><a name="3695416" id="comment_anchor_3695416"></a> <span class="comment_date">2017-05-18 15:24</span> <a id="a_comment_author_3695416" href="https://www.cnblogs.com/wanghaonull/" target="_blank">webbky</a> <a href="http://msg.cnblogs.com/send/webbky" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3695416" class="blog_comment_body">大神 <br>执行 npm run build 命令后 并没有看见dist文件啊 ？？ 怎么回事啊 ？ 可以指点下嘛 ？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3695416,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3695416,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3695442" class="layer">#11楼</a><a name="3695442" id="comment_anchor_3695442"></a> <span class="comment_date">2017-05-18 15:42</span> <a id="a_comment_author_3695442" href="https://www.cnblogs.com/wanghaonull/" target="_blank">webbky</a> <a href="http://msg.cnblogs.com/send/webbky" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3695442" class="blog_comment_body">不好意思 现在找见啦 ，还一个问题 ； 这个不需要用webpack嘛？？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3695442,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3695442,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3695476" class="layer">#12楼</a><a name="3695476" id="comment_anchor_3695476"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-05-18 16:06</span> <a id="a_comment_author_3695476" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3695476" class="blog_comment_body"><a href="#3695442" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3695442);">@</a>
webbky
vue-cli 创建的模板自带了 webpack
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3753414" class="layer">#13楼</a><a name="3753414" id="comment_anchor_3753414"></a> <span class="comment_date">2017-08-09 09:23</span> <a id="a_comment_author_3753414" href="https://www.cnblogs.com/sstone/" target="_blank">花溪的小石头</a> <a href="http://msg.cnblogs.com/send/%E8%8A%B1%E6%BA%AA%E7%9A%84%E5%B0%8F%E7%9F%B3%E5%A4%B4" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3753414" class="blog_comment_body">想知道一下，为什么每次cnpm Install都报错说busy</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3753414,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3753414,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777650" class="layer">#14楼</a><a name="3777650" id="comment_anchor_3777650"></a> <span class="comment_date">2017-09-07 15:19</span> <a id="a_comment_author_3777650" href="https://www.cnblogs.com/huyinxuan/" target="_blank">huyinxuan</a> <a href="http://msg.cnblogs.com/send/huyinxuan" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777650" class="blog_comment_body">请问下 在本地是无法找到对应文件的（服务器上没问题） 这句话是怎么理解的？ 我 assetsPublicPath ‘/’ 没修改 dist打包出来的东西 通过服务器运行 会找不到资源 ， 还有一个问题 <img src="//images2017.cnblogs.com/blog/779889/201709/779889-20170907151833851-472050941.png" alt="" border="0" "=""><br>打包出来的 这个图片的路径不对 这个问题 怎么解决呢？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3777650,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3777650,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777671" class="layer">#15楼</a><a name="3777671" id="comment_anchor_3777671"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-09-07 15:31</span> <a id="a_comment_author_3777671" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777671" class="blog_comment_body"><a href="#3777650" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777650);">@</a>
huyinxuan
修改 assetsPublicPath 只是为了打包之后，在本地能查看打包后的项目，实际上并不需要修改。图片资源需要放在 assets 文件夹下，以相对路径引入。或者放到和 src 平级的目录 static 文件夹下，以绝对路径引入。
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777682" class="layer">#16楼</a><a name="3777682" id="comment_anchor_3777682"></a> <span class="comment_date">2017-09-07 15:36</span> <a id="a_comment_author_3777682" href="https://www.cnblogs.com/huyinxuan/" target="_blank">huyinxuan</a> <a href="http://msg.cnblogs.com/send/huyinxuan" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777682" class="blog_comment_body">@WiseWrong 好的 我尝试下 assetsPublicPath 这个不修改 直接打包好的dist 放到服务器就可以了是吧？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3777682,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3777682,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777699" class="layer">#17楼</a><a name="3777699" id="comment_anchor_3777699"></a> <span class="comment_date">2017-09-07 15:46</span> <a id="a_comment_author_3777699" href="https://www.cnblogs.com/huyinxuan/" target="_blank">huyinxuan</a> <a href="http://msg.cnblogs.com/send/huyinxuan" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777699" class="blog_comment_body"><img src="//images2017.cnblogs.com/blog/779889/201709/779889-20170907154535491-2095521557.png" alt="" border="0" "=""><br><img src="//images2017.cnblogs.com/blog/779889/201709/779889-20170907154545866-464368326.png" alt="" border="0" "=""> 你看我这个引入 是不是对的咯</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3777699,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3777699,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777712" class="layer">#18楼</a><a name="3777712" id="comment_anchor_3777712"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-09-07 15:55</span> <a id="a_comment_author_3777712" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777712" class="blog_comment_body"><a href="#3777699" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777699);">@</a>
huyinxuan
如果通过 url 引入的话，需要将图片作为模块使用 require 引入
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777730" class="layer">#19楼</a><a name="3777730" id="comment_anchor_3777730"></a> <span class="comment_date">2017-09-07 16:03</span> <a id="a_comment_author_3777730" href="https://www.cnblogs.com/huyinxuan/" target="_blank">huyinxuan</a> <a href="http://msg.cnblogs.com/send/huyinxuan" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777730" class="blog_comment_body"><a href="#3777712" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777712);">@</a>
WiseWrong
css 里 怎么写？ require 要在js 用吧 能给个截图代码看看不？
支持(0) 反对(0)
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777737" class="layer">#20楼</a><a name="3777737" id="comment_anchor_3777737"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-09-07 16:07</span> <a id="a_comment_author_3777737" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777737" class="blog_comment_body"><a href="#3777730" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777730);">@</a>
huyinxuan
<img src="//images2017.cnblogs.com/blog/1059788/201709/1059788-20170907160737538-1658962511.png" alt="" border=“0” “=”">
<img src="//images2017.cnblogs.com/blog/1059788/201709/1059788-20170907160742491-1825666102.png" alt="" border=“0” “=”">
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777787" class="layer">#21楼</a><a name="3777787" id="comment_anchor_3777787"></a> <span class="comment_date">2017-09-07 16:45</span> <a id="a_comment_author_3777787" href="https://www.cnblogs.com/huyinxuan/" target="_blank">huyinxuan</a> <a href="http://msg.cnblogs.com/send/huyinxuan" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777787" class="blog_comment_body"><a href="#3777737" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777737);">@</a>
WiseWrong
多谢 ， 对了 关于图片 我找到一个办法 改util.js 的配置 publicPath: ‘…/…/’ <img src="//images2017.cnblogs.com/blog/779889/201709/779889-20170907164436132-77071249.png" alt="" border=“0” “=”">
这样子 也能解决打包 图片找不到的问题 这个解决办法 有什么隐患么？
支持(1) 反对(0)
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3777830" class="layer">#22楼</a><a name="3777830" id="comment_anchor_3777830"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-09-07 17:15</span> <a id="a_comment_author_3777830" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3777830" class="blog_comment_body"><a href="#3777787" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3777787);">@</a>
huyinxuan
这个地方相当于给所有的 css 文件路径都加了一个前缀，一般不会有问题，除非文件夹被移动了。
支持(1) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3789827" class="layer">#23楼</a><a name="3789827" id="comment_anchor_3789827"></a> <span class="comment_date">2017-09-19 16:51</span> <a id="a_comment_author_3789827" href="http://home.cnblogs.com/u/1228093/" target="_blank">omyBug</a> <a href="http://msg.cnblogs.com/send/omyBug" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3789827" class="blog_comment_body">顶顶，学习了。<br>Vuex 2.0 源码分析:<a href="http://t.cn/Rpd4UHf" target="_blank">http://t.cn/Rpd4UHf</a></div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3789827,'Digg',this)">支持(1)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3789827,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3799300" class="layer">#24楼</a><a name="3799300" id="comment_anchor_3799300"></a> <span class="comment_date">2017-09-28 12:25</span> <a id="a_comment_author_3799300" href="http://home.cnblogs.com/u/1249523/" target="_blank">冬青。</a> <a href="http://msg.cnblogs.com/send/%E5%86%AC%E9%9D%92%E3%80%82" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3799300" class="blog_comment_body">G:\Vue>npm run dev<br><br>> vue0928@1.0.0 dev G:\Vue<br>> node build/dev-server.js<br><br><br>To use this template, you must update following to modules:<br><br> npm: 2.15.1 should be >= 3.0.0<br><br>npm ERR! code ELIFECYCLE<br>npm ERR! errno 1<br>npm ERR! vue0928@1.0.0 dev: `node build/dev-server.js`<br>npm ERR! Exit status 1<br>npm ERR!<br>npm ERR! Failed at the vue0928@1.0.0 dev script.<br>npm ERR! This is probably not a problem with npm. There is likely additional logging output above.<br><br>npm ERR! A complete log of this run can be found in:<br>npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2017-09-28T04_18_16_046Z-debug.log<br><br><br><br>这个启动为什么老是报这个错误啊 求解。。。大神。</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3799300,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3799300,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3799302" class="layer">#25楼</a><a name="3799302" id="comment_anchor_3799302"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-09-28 12:26</span> <a id="a_comment_author_3799302" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3799302" class="blog_comment_body"><a href="#3799300" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3799300);">@</a>
冬青。
看错误信息应该是 npm 版本过低，需要 3.0 以上的 npm 支持，更新下就好
支持(1) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3799319" class="layer">#26楼</a><a name="3799319" id="comment_anchor_3799319"></a> <span class="comment_date">2017-09-28 12:44</span> <a id="a_comment_author_3799319" href="http://home.cnblogs.com/u/1249523/" target="_blank">冬青。</a> <a href="http://msg.cnblogs.com/send/%E5%86%AC%E9%9D%92%E3%80%82" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3799319" class="blog_comment_body">谢谢楼主。 问题解决了。。。只怪自己太菜 。。。</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3799319,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3799319,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3832987" class="layer">#27楼</a><a name="3832987" id="comment_anchor_3832987"></a> <span class="comment_date">2017-11-07 09:46</span> <a id="a_comment_author_3832987" href="http://home.cnblogs.com/u/1273979/" target="_blank">炎日寒冰</a> <a href="http://msg.cnblogs.com/send/%E7%82%8E%E6%97%A5%E5%AF%92%E5%86%B0" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3832987" class="blog_comment_body">Administrator@zhangli-pc MINGW32 ~/Desktop/MyFire/newwork02<br>$ vue init webpack vue-demo<br>C:\Users\Administrator\AppData\Roaming\npm\node_modules\.vue-cli_npminstall\node _modules\.2.9.1@vue-cli\bin\vue-init:60<br>let template = program.args[0]<br>^^^<br><br>SyntaxError: Block-scoped declarations (let, const, function, class) not yet sup ported outside strict mode<br> at exports.runInThisContext (vm.js:53:16)<br> at Module._compile (module.js:387:25)<br> at Object.Module._extensions..js (module.js:422:10)<br> at Module.load (module.js:357:32)<br> at Function.Module._load (module.js:314:12)<br> at Function.Module.runMain (module.js:447:10)<br> at startup (node.js:146:18)<br> at node.js:404:3<br><br>我在搭建项目的时候出现这样的问题，请问怎么解决啊？</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3832987,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3832987,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3832996" class="layer">#28楼</a><a name="3832996" id="comment_anchor_3832996"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-11-07 09:50</span> <a id="a_comment_author_3832996" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3832996" class="blog_comment_body"><a href="#3832987" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3832987);">@</a>
炎日寒冰
之前有朋友遇到过这个问题，重新安装了最新的 node.js 就好了
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3833033" class="layer">#29楼</a><a name="3833033" id="comment_anchor_3833033"></a> <span class="comment_date">2017-11-07 10:13</span> <a id="a_comment_author_3833033" href="http://home.cnblogs.com/u/1273979/" target="_blank">炎日寒冰</a> <a href="http://msg.cnblogs.com/send/%E7%82%8E%E6%97%A5%E5%AF%92%E5%86%B0" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3833033" class="blog_comment_body"><a href="#3832996" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3832996);">@</a>
WiseWrong
完美解决，谢谢楼主！
支持(0) 反对(0)
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3838887" class="layer">#30楼</a><a name="3838887" id="comment_anchor_3838887"></a> <span class="comment_date">2017-11-13 10:26</span> <a id="a_comment_author_3838887" href="http://home.cnblogs.com/u/1260131/" target="_blank">满意王</a> <a href="http://msg.cnblogs.com/send/%E6%BB%A1%E6%84%8F%E7%8E%8B" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3838887" class="blog_comment_body">写的很好，很详细，感谢分享</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3838887,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3838887,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3838983" class="layer">#31楼</a><a name="3838983" id="comment_anchor_3838983"></a> <span class="comment_date">2017-11-13 11:14</span> <a id="a_comment_author_3838983" href="http://home.cnblogs.com/u/1249326/" target="_blank">骗纸公主</a> <a href="http://msg.cnblogs.com/send/%E9%AA%97%E7%BA%B8%E5%85%AC%E4%B8%BB" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3838983" class="blog_comment_body">ERROR Failed to compile with 1 errors11:10:17<br><br> error in ./src/components/tabs.less<br><br>Module build failed:<br><br>// load the styles<br>var content = require("!!../../node_modules/.npminstall/css-loader/0.28.7/css-loader/index.js?{\"minimize\":false,\"sourceMap\":false}!../../node_modules/.npminstall/less-loader/4.0.5/less-loader/dist/cjs.js?{\"sourceMap\":false}!./tabs.less");<br> ^<br>Unrecognised input<br> in D:\node\my-online-bookstore\src\components\tabs.less (line 4, column 12)<br><br> @ ./src/components/tabs.less 4:14-422 18:2-22:4 19:20-428<br> @ ./node_modules/.npminstall/babel-loader/7.1.2/babel-loader/lib!./node_modules/.npminstall/vue-loader/13.3.0/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/tabs.vue<br> @ ./src/components/tabs.vue<br> @ ./node_modules/.npminstall/babel-loader/7.1.2/babel-loader/lib!./node_modules/.npminstall/vue-loader/13.3.0/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/App.vue<br> @ ./src/App.vue<br> @ ./src/main.js<br> @ multi ./build/dev-client ./src/main.js<br><br>我配置了less后,使用其编写样式,总是报这个错,是什么原因呢</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3838983,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3838983,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3838986" class="layer">#32楼</a><a name="3838986" id="comment_anchor_3838986"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-11-13 11:16</span> <a id="a_comment_author_3838986" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3838986" class="blog_comment_body"><a href="#3838983" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3838983);">@</a>
骗纸公主
启用了 ESLint 吧，那就不能用 var 了，改成 let 就好
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3839005" class="layer">#33楼</a><a name="3839005" id="comment_anchor_3839005"></a> <span class="comment_date">2017-11-13 11:25</span> <a id="a_comment_author_3839005" href="http://home.cnblogs.com/u/1249326/" target="_blank">骗纸公主</a> <a href="http://msg.cnblogs.com/send/%E9%AA%97%E7%BA%B8%E5%85%AC%E4%B8%BB" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3839005" class="blog_comment_body">我把ESLint关闭了,还是报错</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3839005,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3839005,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3839024" class="layer">#34楼</a><a name="3839024" id="comment_anchor_3839024"></a> <span class="comment_date">2017-11-13 11:36</span> <a id="a_comment_author_3839024" href="http://home.cnblogs.com/u/1249326/" target="_blank">骗纸公主</a> <a href="http://msg.cnblogs.com/send/%E9%AA%97%E7%BA%B8%E5%85%AC%E4%B8%BB" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3839024" class="blog_comment_body">已经解决了,将配置文件里面<br>{<br> test: /\.less$/,<br> loader: "style-loader!css-loader!less-loader"<br> }<br>换成<br>{<br> test: /\.less$/,<br> loader: 'vue-loader',<br> options: vueLoaderConfig<br> }<br>就行了</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3839024,'Digg',this)">支持(1)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3839024,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3847593" class="layer">#35楼</a><a name="3847593" id="comment_anchor_3847593"></a> <span class="comment_date">2017-11-22 16:49</span> <a id="a_comment_author_3847593" href="http://home.cnblogs.com/u/442703/" target="_blank">wuyichen</a> <a href="http://msg.cnblogs.com/send/wuyichen" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3847593" class="blog_comment_body">楼主你好，最近在学习vue，之前使用的都是IDE的方式部署项目，tomcat+spring+springmvc这种，现在碰到这种全新的部署项目的方式，感觉跟之前的完全不一样，我想问的是，这两种有什么不一样，平时编码也用ide打开吗？修改了代码需要重启吗？（也就是重新在命令行执行npm run dev）</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3847593,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3847593,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3847633" class="layer">#36楼</a><a name="3847633" id="comment_anchor_3847633"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2017-11-22 17:12</span> <a id="a_comment_author_3847633" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3847633" class="blog_comment_body"><a href="#3847593" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3847593);">@</a>
wuyichen
vue-cli 部署的这一套只是前端的开发环境，后端具体怎么部署对前端没有影响。开发完成后需要 npm run build 打包，然后将打包后的文件放到 Tomcat 上就行。编码工具看个人习惯，我个人用的 vscode。vue-cli 部署的这一套环境可以热更新代码，不需要重启。
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3883328" class="layer">#37楼</a><a name="3883328" id="comment_anchor_3883328"></a> <span class="comment_date">2018-01-06 21:34</span> <a id="a_comment_author_3883328" href="https://www.cnblogs.com/fengxiongZz/" target="_blank">Z皓</a> <a href="http://msg.cnblogs.com/send/Z%E7%9A%93" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3883328" class="blog_comment_body"><a href="#3799300" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3799300);">@</a>
冬青。
看错误信息啊。。。To use this template, you must update following to modules:
支持(0) 反对(0)
http://pic.cnblogs.com/face/1108615/20171019160059.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3898348" class="layer">#38楼</a><a name="3898348" id="comment_anchor_3898348"></a> <span class="comment_date">2018-01-26 18:32</span> <a id="a_comment_author_3898348" href="https://www.cnblogs.com/sqyambition/" target="_blank">小白纯</a> <a href="http://msg.cnblogs.com/send/%E5%B0%8F%E7%99%BD%E7%BA%AF" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3898348" class="blog_comment_body">你好，博主，<img src="//images2017.cnblogs.com/blog/1265616/201801/1265616-20180126183031990-1471202345.png" alt="" border="0" "=""><br>这是什么意思。<img src="//images2017.cnblogs.com/blog/1265616/201801/1265616-20180126183148209-1468605288.png" alt="" border="0" "=""></div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3898348,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3898348,'Bury',this)">反对(0)</a></div><span id="comment_3898348_avatar" style="display:none;">http://pic.cnblogs.com/face/1265616/20180104221302.png</span></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3899061" class="layer">#39楼</a><a name="3899061" id="comment_anchor_3899061"></a>[<span class="louzhu">楼主</span>] <span class="comment_date">2018-01-28 18:34</span> <a id="a_comment_author_3899061" href="https://www.cnblogs.com/wisewrong/" target="_blank">Wise.Wrong</a> <a href="http://msg.cnblogs.com/send/Wise.Wrong" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3899061" class="blog_comment_body"><a href="#3898348" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3898348);">@</a>
小白纯
没有安装 cnpm 吧，直接用 npm 安装就行
支持(0) 反对(0)
http://pic.cnblogs.com/face/1059788/20170925120030.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3899144" class="layer">#40楼</a><a name="3899144" id="comment_anchor_3899144"></a> <span class="comment_date">2018-01-28 22:40</span> <a id="a_comment_author_3899144" href="https://www.cnblogs.com/sqyambition/" target="_blank">小白纯</a> <a href="http://msg.cnblogs.com/send/%E5%B0%8F%E7%99%BD%E7%BA%AF" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3899144" class="blog_comment_body"><a href="#3899061" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3899061);">@</a>
WiseWrong感觉是版本太低的原因，我看网上都7点以上，下载最新文件都覆盖不了。
支持(0) 反对(0)
http://pic.cnblogs.com/face/1265616/20180104221302.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3920957" class="layer">#41楼</a><a name="3920957" id="comment_anchor_3920957"></a> <span class="comment_date">2018-03-12 17:10</span> <a id="a_comment_author_3920957" href="http://home.cnblogs.com/u/1006001/" target="_blank">神知大人</a> <a href="http://msg.cnblogs.com/send/%E7%A5%9E%E7%9F%A5%E5%A4%A7%E4%BA%BA" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3920957" class="blog_comment_body">非常感谢</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3920957,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3920957,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#3975313" class="layer">#42楼</a><a name="3975313" id="comment_anchor_3975313"></a> <span class="comment_date">2018-05-16 10:58</span> <a id="a_comment_author_3975313" href="http://home.cnblogs.com/u/919457/" target="_blank">温柔的枭兽</a> <a href="http://msg.cnblogs.com/send/%E6%B8%A9%E6%9F%94%E7%9A%84%E6%9E%AD%E5%85%BD" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_3975313" class="blog_comment_body">被坑了好几次才发现博主这么好的教程，啥也不说，谢谢博主</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3975313,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3975313,'Bury',this)">反对(0)</a></div></div></div><div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#4012252" class="layer">#43楼</a><a name="4012252" id="comment_anchor_4012252"></a> <span class="comment_date">2018-07-04 12:01</span> <a id="a_comment_author_4012252" href="https://www.cnblogs.com/zengweuwu/" target="_blank">Z_ww</a> <a href="http://msg.cnblogs.com/send/Z_ww" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_4012252" class="blog_comment_body"><a href="#3898348" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,3898348);">@</a>
小白纯
你没有安装淘宝的镜像所以才导致这样子的
支持(0) 反对(0)
http://pic.cnblogs.com/face/1406678/20180523150552.png
<div class="feedbackItem"><div class="feedbackListSubtitle"><div class="feedbackManage"> <span class="comment_actions"></span></div><a href="#4023494" class="layer">#44楼</a><a name="4023494" id="comment_anchor_4023494"></a><span id="comment-maxId" style="display:none;">4023494</span><span id="comment-maxDate" style="display:none;">2018/7/18 20:26:22</span> <span class="comment_date">2018-07-18 20:26</span> <a id="a_comment_author_4023494" href="https://www.cnblogs.com/sqyambition/" target="_blank">小白纯</a> <a href="http://msg.cnblogs.com/send/%E5%B0%8F%E7%99%BD%E7%BA%AF" title="发送站内短消息" class="sendMsg2This"> </a></div><div class="feedbackCon"><div id="comment_body_4023494" class="blog_comment_body"><a href="https://segmentfault.com/q/1010000015669420?_ea" target="_blank">https://segmentfault.com/q/1010000015669420?_ea</a>=4022291<br>楼主，可以看看我这是什么问题吗。</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4023494,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(4023494,'Bury',this)">反对(0)</a></div><span id="comment_4023494_avatar" style="display:none;">http://pic.cnblogs.com/face/1265616/20180104221302.png</span></div></div>
<div id="comments_pager_bottom"></div></div><script type="text/javascript">var commentManager = new blogCommentManager();commentManager.renderComments(0);</script>
刷新评论 刷新页面 返回顶部
注册用户登录后才能发表评论，请 登录 或 注册， 访问网站首页。
【推荐】超50万VC++源码: 大型组态工控、电力仿真CAD与GIS源码库！
</div><!--end: forFlow -->
</div>
Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目相关推荐
- Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 项目,都选择 axios ...
- vue爬坑之路2----vue实例
构造器 每个vue.js应用都是通过构造函数Vue穿件一个Vue的根实例启动的: var vm = new Vue({ //选项 }) 在实例化Vue时,需要传入一个选项对象,他可以包含数据,模板,挂 ...
- Vue爬坑之路 二：使用Muse-UI前端框架及axios，实现简单登录页
一:安装UI组件 二:创建基本的vue组件 三:使用axios与后台进行数据交互 1:安装axios 2:axios登录的实现 一:安装UI组件 Muse UI 基于 Vue2.0 开发,Vue2.0 ...
- （转）Vue 爬坑之路（四）—— 与 Vuex 的第一次接触
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/62660 ...
- Vue 爬坑之路（四）—— 与 Vuex 的第一次接触
2019独角兽企业重金招聘Python工程师标准>>> 在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 htt ...
- Vue 爬坑之路（十）—— Vue2.5 + Typescript 构建项目
Typescript 在前端圈已经逐渐普及,Vue 2.5.0 改进了类型声明,使得对 TypeScript 更加友好 不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造 P ...
- Vue爬坑之旅(二十一):vue使用富文本编辑器vue-quill-editor实现配合后台将图片上传至七牛
一.全局注册:main.js import Vue from 'vue' import VueQuillEditor, { Quill } from 'vue-quill-editor' import ...
- VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用
在我前面的有一篇文章里有说过怎么引入外部的 JS 文件,详情见 VUE 爬坑之旅– 如何对公共JS,CSS进行统一管理,全局调用 .这里所说的外部 JS 文件指的是用 ES6 之前的老语法编写的各种 ...
- Vue 爬坑之旅 -- 微信网页授权
现在的 H5 开发,微信授权和微信分享基本是必备功能,昨天将微信分享的相关功能和踩坑过程做了一个总结,今天就来说下微信授权的功能具体到 vue 项目中该要怎么做. Vue 爬坑之旅 – history ...
最新文章
- Acwing第 29 场周赛【完结】
- window 查找 java 进程中占用cpu比较高的线程
- poj1781In Danger（约瑟夫） 问题
- java访问数据库方式_java数据库访问（二）—JDBC方式（配合连接池）
- 如何学习HTML语言
- 视频擦除方向研究（生成技术的一类）
- 结构类型需要重载GetHashCode和Equals
- html网页如何传递接收地址参数
- 华为否认启动“塔山计划”；中金：苹果中国区下架微信概率较小；Linux Lab发布v0.5 rc3| 极客头条...
- 「管理数学基础」1.2 矩阵理论：线性映射、线性变换T的矩阵表示
- java斗地主随机发牌_使用Java实现斗地主游戏的发牌过程
- Disable UTC in Ubuntu
- 9.template -- basic concepts
- SLIC超像素分割详解（一）（二）（三）
- 如何检测java安装成功_如何检查jdk是否安装成功
- graphpad做饼图_超省钱的早餐攻略！这些边角料可别扔，多做一步变大餐！
- box-sizing 的使用
- unity webgl 手机端微信直接打开链接
- actions vuex 请求_vue中vuex的actions里面请求接口，提交给mutations报错
- 02Hadoop3分布式文件系统HDFS-01HDFS Shell文件操作