一、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 即可。
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