vue-cli 3.0 初体验
2020-02-02 14:34
1081 查看
一. 准备
1.卸载vue-cli 1.x 或2.x版本,npm uninstall -g vue-cli
2.node版本需 8.9 及以上
二. 安装
1. 安装3.x版本
npm install -g @vue/cli
2. 通过vue -V 或vue --version检查版本
三.初始化项目
1. 初始化项目 vue create project<项目名>
注:如需使用旧版的
vue init webpack project初始化项目,需安装工具包npm install -g @vue/cli-init
2. 按提示选择项目配置信息
四.踩坑
1. 初始化项目报错1---command failed: npm install --loglevel error
解决办法:清除缓存
npm cache clean --force
2. 初始化项目报错2
解决办法:npm5.x会报错,采取降级处理npm -g install npm@4
3. 生产环境打包的路径问题
解决办法:改成相对路径,新建vue.config.js文件,将baseUrl设置成'./'相对路径
转载于:https://www.cnblogs.com/yalin001/p/9754594.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue-cli3.0 gui初体验
- vue-cli 3.0 初体验
- Vue-Cli 3.0 中配置高德地图的两种方式
- vue-cli@3.0使用Axios插件记录及本地代理配置
- 在vue-cli3.0项目中使用less全局变量
- 详解基于vue-cli3.0如何构建功能完善的前端架子
- vue-cli 3.0
- vue-cli3+typescript初体验小结
- vue3.0 CLI - 2.6 - 组件的复用入门教程
- vue3.0 CLI - 2.5 - 了解组件的三维
- vue-cli3.0 脚手架搭建项目的过程详解
- vue_cli 3.0+ 静态文件的引入
- 在vue-cli3.0中利用webpack实现自动化注册组件
- vue-cli 3.0安装和使用
- Vue2.5+Vue-cli3.0+Vue-router仿制京东金融前端页面
- 使用vue-cli3.0快速搭建项目
- vue-cli3.0 axios跨域请求代理配置及端口修改
- vue-cli3.0+element-ui上传组件el-upload的使用
- vue-cli2.0转3.0之项目搭建的详细步骤
- Vue.js踩坑记录:vue-cli 3.0 项目打包后页面空白