使用 Vue 脚手架工具进行组件化开发

使用 Vue 脚手架工具进行组件化开发 QQ群:595928952 上一节 下一节

Vue js 2.0 教程 >> 使用 Vue 脚手架工具进行组件化开发 视频发布于 2016-11-14

Vuejs 脚手架工具是 Vuejs 官方提供的一个命令行操作工具,我们可以非常便利地初始化一个 Vuejs 项目来进行开发。本节视频在前面视频的基础上,结合 Vuejs 的脚手架工具,尝试重新认识组件化开发。
canihelpyou

要讲怎么和laravel结合使用吗?

JellyBool

要的,下一个先讲最基础的,然后再讲 laravel 项目的使用

canihelpyou

今天要更新吗?

JellyBool

我正在导出视频,12点之前肯定更新一个。。。。

chenxin

厉害!不过我还是有点问题,add多个几行点击completed按钮就不会出现你的这种效果了,还得看看哪里有错啊!好奇怪啊!

a119347

是不是newTodo没给completed赋值

shadow610

新建时候有vue文件,这个是怎么做的呢?现在装了插件,识别vue的文件,但新建那个是怎么做的?

JellyBool

没记错的话,我是装了这个插件就好了。如果你的没有成功,试试设置 file template 或者 live template

codedone

jb大神,请收下我的膝盖

JellyBool

还是叫我 jelly 吧,哇哈哈哈。。暂时还不是大神咯

codedone

好的,jelly大神

z531020509

老师,这个webpack --watch该怎么引用进去

JellyBool

你是说在这个项目使用 webpack --watch? 你直接执行 npm run dev 就默认是 --watch 了

z531020509

但是老师,我代码更新之后没有实现刷新...每次都需要重新run才行...

z531020509

老师,这是不是因为phpstorm自动保存导致的....

JellyBool

不是吧,我也是 phpstorm 自动保存的啊。你是什么环境?

z531020509

已经没有问题啦,把那个use safe write关掉好了,谢谢老师

JellyBool

OK,最近在外边。。。回复没那么及时

z531020509

老师已经很负责了,真的感谢,学到了好多好多的

JellyBool

感谢支持和理解。哈哈哈

小Jia亮

请问是如何操作关闭的?我也遇到这个问题了

z531020509

setting里面有一个叫Appearance & Behavior下面的System setting,点击进去,最下面一个关闭就行了

hard88

jelly可以讲一下webpack+vue-cli多页面开发吗?

JellyBool

多页面是什么?

hard88

module里面多个模块,每个模块里面有个对应的html和js和vue文件

hard88

想了想好像没什么必要分模块

hard88

好的谢谢!!

chenze007

我想引入一个静态文件 不管放到那个文件夹下引入 都提示 404
假如引入成功的话 打包的时候 时候会不会有影响

咖啡加糖_36221

短小精悍,非常nice,老师会录制 angular2.0 的视频么?

JellyBool

不会不会,对 angular 完全不会

xcheese

hello,想问个题外话,这节里看到你的terminal的配置很不错,想打听下是怎么配置的?用的什么插件吗?

chenxin

这个index.html页面中的 <div id="app"></div>
如果外面在加基层div那么就不会出现页面了.....很奇怪 。

JellyBool

你试着给外层 div 设置一个高度试试。

chenxin

没用

<div class="container" >
    <div class="row">
        <div v-cloak class="col-md-8 col-md-offset-2" style="height: 600px">
            <div id="app"></div>
        </div>
    </div>
</div>
chenxin

而且我打开浏览器检查,发现里面有内容,居然不显示,这是什么鬼 !

chenxin

我知道了,去掉v-cloak就可以了,这个之前加上去避免出现闪烁!

chenxin

这个脚手架生成的模板好像只适合开发SPA吧!

妖靥的单纯

老师,为什么我生成的文件里执行了npm install命令后就生成了node_modules这个文件夹,我看了你生成后就没有,我这个要怎么配置呢?

JellyBool

有这个是正常的,我的是因为 ide 的设置把 node_modules 目录隐藏啦

妖靥的单纯

哇,原来是这样,谢谢,谢谢!

妖靥的单纯

老师,我问的问题可能比较低级,但是我还是想问问,用了vue-cli脚手架开发的话,就不用下载loaders了吗?另外在这个脚手架开发中没有config.js,那在这里边哪个文件相当于config.js的功能。

JellyBool

你看看这个,其实是有 vue-cli 下载的文件就是这个项目的

https://github.com/vuejs-templates/webpack/tree/master/template/build