vuecli2升级至vuecli3

一. 卸载旧版本vuecli与安装新版本vuecli

npm uninstall vue-cli -g

npm install -g @vue/cli

二.创建一个新的项目

vue create hello-world

三.正式开始改造

1. 直接复制替换src文件夹
2. 安装项目需要的依赖 (可以将原来package.json dependencies下需要的直接复制过来，然后运行cnpm i)【注意devDependencies中有可能还有一些依赖】
3. 安装完后运行npm run serve

4.static中文件移入public

5.创建一个vue.config.js

module.exports = {//打包的基本路径baseUrl: './',//打包后文件名outputDir: 'njDist',//px转rem用到css: {loaderOptions: {css: {},postcss: {plugins: [require('postcss-px2rem')({remUnit: 37.5})]}}},//cdn引入的configureWebpack: {externals: {'vue': 'Vue','vue-router': 'VueRouter','mint-ui': 'MINT',"BMap": "BMap",'vuex': 'Vuex'}},//启动配置devServer: {open: process.platform === 'darwin',port: 8882,https: false,hotOnly: false,proxy: null, // 设置代理before: app => { }},
};

vuecli2升级至vuecli3相关推荐

vue-cli2、vue-cli3脚手架详细讲解
转载自 vue-cli2.vue-cli3脚手架详细讲解前言: vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面(SPA)环境配置的工具,cli 就是(command-line ...
卸载vuecli2安装vuecli3，创建vuecli3项目具体步骤
管理员权限下执行 1,yarn使用安装yarn npm install -g yarn 查看yarn版本 yarn -v yarn安装vue yarn add vue yarn安装固定vue版本 y ...
vue-cli3 编译打包文件的压缩优化
前言相比于vue-cli2,vue-cli3隐藏了很多默认的webpack配置,没有vue-cli2那么一目了然.但是都提供了各部分的修改路口,可以仔细研读下官方文档. vue-cli3官方文档真 ...
小程序跳转H5实现长截图功能；vue-cli3通过rem适配
一.需求: 微信小程序部分页面需要一键长图的功能. 通过html2canvas插件可以实现,具体可参考微信小程序实现一键长图并保存图片到相册.由于该插件只能在H5项目中使用,则需要截图的小程序 ...
vue怎么插入接口demo_前端学起来特别吃力，新人入前端怎么学？
最近知乎收到一些问题,问前端学起来吃力,连续更新几次回答的比较全了.现在整理下分享给掘金的小伙伴们. 原知乎问题: 前言前端工作两年多.大部分前端原理.框架都能完全运用.工作中几乎遇不到解决不了的问 ...
vue引入全局less实现全局变量的控制
vue引入全局less 1.设置全局样式变量的好处: 2.以less为例(sass等同原理) 1.vue-cli2搭建的项目(1) 2.vue-cli2搭建的项目(2) 3.vue-cli3.vue- ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
下找到vue变量_Vue：npm run serve 到底做了什么？
前言在 vue-cli2或者 vue-cli3 中,当我们创建好一个项目,我们要通过 npm run dev(vue-cli2的命令,vue-cli3之后用npm run serve,原理都一样,只 ...
html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器
点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...

vuecli2升级至vuecli3

一. 卸载旧版本vuecli与安装新版本vuecli

二.创建一个新的项目

三.正式开始改造

vuecli2升级至vuecli3相关推荐

最新文章

热门文章