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

vue.js入门基础

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

已采纳回答 / fishenal
npm的问题我找到原因了:vue-cli必须基于npm 3.0 以上版本安装使用 cnpm install 的cnpm低于 3.0版本通过 alias 绑定 cnpm(不要用npm install cnpm), 可以保证cnpm使用本机npm版本出现npm错误的解决: 先看自己本地的 npm -v 是否大于 3.0,不是升级命令行里用下面这个 (将cnpm的库地址指向淘宝镜像)    alias cnpm="npm --registry=https://registry.npm.taobao.org \-...

讲师回答 / fishenal
保证npm和node版本正确,用npm -v 和 node --version看在你的终端这两个跑的对不对保证vue-cli是github上最新的代码,没有自己乱改用git安装的git-shell或git-bash,或者其他的bash,powershell,总之别用默认的cmd重新安装最新npm和node试试去github上搜自己错误代码,看有没有人遇到同样的问题

讲师回答 / fishenal
你启动成功了吗,终端里能看到文件打包成功的列表

讲师回答 / fishenal
保证npm和node版本正确,用npm -v 和 node --version看在你的终端这两个跑的对不对保证vue-cli是github上最新的代码,没有自己乱改用git安装的git-shell或git-bash,或者其他的bash,powershell,总之别用默认的cmd重新安装最新npm和node试试去github上搜自己错误代码,看有没有人遇到同样的问题贴图你的错误

已采纳回答 / fishenal
可能是node_modules这个目录层级太多造成了,你试试在你浏览器里屏蔽这个目录,或者不拖入。npm你要怎么关闭?卸载?

讲师回答 / fishenal
前面一个人说得对,你跑node --version看看你的终端有没有node你重新开一个目录,从头开始用vue-cli装一套系统试试,还有,你用git-bash或者git-shell跑,或者win10系统里的powershell试试。不行把node重装一遍,感觉是你node的问题。

讲师回答 / fishenal
app.vue 第八行看看,你这里的export好像有问题,格式,语法?贴出来看看

讲师回答 / fishenal
src/main.js 这个文件里有个name字段你查查是不是有语法问题。还有你为什么跑run build,这是在压缩js的时候的报错,uglifyjs,测试的时候是run dev跟刷不刷新没关系,报错就是报错,热更新会帮你缓存上一个页面,但你代码里还是有问题

已采纳回答 / fishenal
npm和node都要 新版本,如果用cnpm启动(不包括install),要看cnpm版本下载最新版本的vue-cli,或重新拷贝去github vue-cli下面搜一下错误信息,看有没有人遇到类似的问题端口号是否被占用自己是否改了vue-cli的代码,尤其是dev-server下网络环境

已采纳回答 / fishenal
我不用webstorm,但我觉得可能是因为node_module目录层级太多,你搜搜有什么办法能屏蔽掉这个目录,反正你也不用动它。我用的是轻量级的sublime。

讲师回答 / fishenal
当然可以,cnpm只是npm的镜像,如果你有代理直接用npm就好

讲师回答 / fishenal
有报错吗,在浏览器里看看 localStorage.getItem('todos-vuejs') ,有没有东西, 如果有的话这里就不会跑到后面或里面的'[]'.视频里这个localstorage有一些问题,建议看我新代码库vue2.0 的 todolist,用了一个localstorage的库。https://github.com/fishenal/Todos_Vuejs

讲师回答 / fishenal
cnpm要安装,然后cnpm install 是必须在有package.json这个文件那级目录才能运行。https://npm.taobao.org/用这个命令安装 cnpm ```npm install -g cnpm --registry=https://registry.npm.taobao.org```
课程须知
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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消