vue项目踩坑

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

可能会有语法检查报错，处理：https://www.cnblogs.com/pwindy/p/14591709.html

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

6、访问后发现路由默认带了个#号，去掉方法：https://www.cnblogs.com/matd/p/13267248.html

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