首页 > 其他 > 详细

vue项目踩坑

时间:2021-07-29 15:58:27      阅读:13      评论:0      收藏:0      [点我收藏+]

1、安装npm

下载安装即可 https://nodejs.org/en/download/

验证:node -v

2、安装vue的脚手架vue cli,也就是一套vue的解决方案

npm install -g vue-cli

我的是mac系统,报目录没有权限:

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

授权:

sudo chown -R zenghansen:admin node_modules

再次执行安装,搞掂

3、然后idea安装vue插件

4、新建vue.js工程:static web -》vue.js

技术分享图片

?5、接下来尝试使用easy-ui这个库https://www.jeasyui.net/download/vue.html

按照文档引入操作

在main.js引入,在组件目录新建模板,在router目录文件新建路由。

然后启动:npm run dev

可能会有语法检查报错,

启动成功:Your application is running here: http://localhost:8080? ?

6、访问后发现路由默认带了个#号

7、windows下的idea,默认eslint检测,设置那里搜索eslint,关闭即可

?

暗夜之中,才见繁星;危机之下,暗藏转机;事在人为,为者常成。
?
?
?
?

vue项目踩坑

原文:https://blog.51cto.com/u_14814727/3222790

(0)
(0)
   
举报
评论 一句话评论(0
分享档案
最新文章
教程昨日排行
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!