vue入门

一、vue-cli脚手架的搭建步骤
1）安装node,然后在命令窗口输入:npm -v,node -v检查是否安装成功
注意:最好默认安装在C盘否则以后安装淘宝镜像和VUE会发生找不到命令的问题.

2） 使用以下命令全局安装vue-cli
设置淘宝镜像
npm config set registry https://registry.npm.taobao.org

npm install -g vue-cli
或者使用国内的淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

3）安装cnpm i -g vue-cli

4)打开idea新建VUE工程
创建新的空工程

4 新增一个module

选中static web，静态web项目；

这里出现找不到命令的问题,
尝试https://www.cnblogs.com/ljangle/p/11211476.html中的办法
最后重启大法解决.

idea项目集成vue

首先在idea项目中

找到Terminal

输入vue init webpack [项目名称]
参考以下连个地址:
vue简单项目
vue-element简单项目
这里只说问题:
1.执行完命令出现过异常,重新执行一次回复正常.然后执行npm run dev

2.idea会报JavaScript版本错误,在setting里面设置下版本为ES6就好

3.ctrl+C终止npm run dev

4.项目打包问题
1、查看package.js文件的scripts命令
2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件
3、其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即“/”前加点。
4、终端运行 npm run build 即可。

vue-element简单项目

axios使用参考https://www.jianshu.com/p/f7c4a5a82ce9
https://blog.csdn.net/qq_41115965/article/details/80780264
https://blog.csdn.net/qq_22046267/article/details/81322099