为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js入门基础

fishenal Web前端工程师
难度中级
时长 1小时50分
学习人数
综合评分9.17
315人评价 查看评价
9.4 内容实用
9.2 简洁易懂
8.9 逻辑清晰

讲师回答 / fishenal
npm就是工具,安装好的东西你去泡npm的命令就可以在本地开测试服,你用这个做开发,完全做好了再跑build,这个网站就算生成了。没什么高深的,源码都在src里,现在不论node,npm,webpack,vue都是在帮你开发,最终生成的还是html,js,css。这些东西掌握了以后开发更加便捷,更加流程化,模块化,方便扩展。如果说html,css,js是底层,这些工具就是基于底层在上面盖的楼。但无论如何最后到浏览器里还是html、css和js

讲师回答 / fishenal
楼上的说错了,都要安装,vue-cli 脚手架工具是使用git来下载模版的,安装git对后续的开发有利无害,很有帮助,还有npm也是。

讲师回答 / fishenal
vue2.0 里只有单项的通过属性向子组件传递数据,你这么写可以,但你这是把'want'字符串通过tell这个字段传给子组件。如果你的want是父组件的一个变量/属性,你就要用 :tells 或者v-bind:tells, 只有使用vue指令,后面的值才是js变量。

讲师回答 / fishenal
https://github.com/vuejs/vue-cli/issues/81 node版本太低,至少4.2 你用 node -v 看一下,去官网下最新的node

讲师回答 / fishenal
你是不是用了什么网络代理?试试这个方法:```npm config set registry http://registry.npmjs.org/```http://stackoverflow.com/questions/18419144/npm-not-working-read-econnresetusenpm config set registry http://registry.npmjs.org/so that npm requests for http url instead of https....

讲师回答 / fishenal
webpack-merge这个模块没找到,可能是webpack安装不完整,用cnpm吧少年,国内的网络太差了

讲师回答 / fishenal
ls,cd 是 lunix下的命令行命令,cmd里用不了,你可以对cmd进行扩展,但我建议你在windows系统下安装bash shell,很简单,你安装git就带了git bash,或者git shell,用这个操作,不要用windows系统自带的。<...图片...>

讲师回答 / fishenal
webstorm就是个ide,是编辑器,跟用什么框架搭建项目没关。如果你问的是代码高亮,或其他即时编译功能,可以搜相应的插件,webstorm应该有自己的插件系统。

讲师回答 / fishenal
终端上有什么报错?npm run dev成功会有 listen 到什么端口的一些提示。要根据你的报错才能看到是什么问题。

已采纳回答 / fishenal
vue项目都依赖webpack 或 gulp,任选其一。 我说的是通过vue-cli 安装的项目。现在前端项目都很难离开node,包括webpack,angular也是。

已采纳回答 / fishenal
使用vue的话每个页面都是一个组件,所以你 shijian2.html 也是一个vue组件,也是一份.vue文件,你在跳转的时候,也不能是简单的 a href,而是去执行组件的方法,控制一个变量给你的新页面(新组件)显示出来,把就得隐藏掉。其实这个流程就是vue-router做的事情,你这多页面,使用vue-router来做,做一份配置,不同地址请求不同的组件。大概流程,细节很多,要自己去研究或者参考现成代码。

讲师回答 / fishenal
node_modules目录确实比较大,新版本的npm貌似能好一些,你可以先把文件拖到webstorm,然后再跑npm install,能好一点

已采纳回答 / 慕婉清8663652
我猜你当前文件夹里没有package.json文件

已采纳回答 / hey_ff
方便打包发布成app的时候让webpack插件识,采用的这种格式
课程须知
1. 有html,css,js前端开发基础 2. 了解前端工程化,node,webpack gulp等 3. 对前端模块化有基本的概念 4. es6 的一些基本语法
老师告诉你能学到什么?
1. vuejs的背景及其项目相关知识 2. 了解流行的前端项目搭建方式 webpack + gulp 3. 用 vue-cli 脚手架工具初始化vue项目 4. 学习vue项目基本的结构和开发方法 5. 学习使用vuejs常用的接口和方法 6. 教程中教你如何在一个项目中使用vuejs

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消