美文网首页
Vue3.0项目搭建

Vue3.0项目搭建

作者: 叶不归宿 | 来源:发表于2021-07-03 11:28 被阅读0次

vue2.0项目搭建点这里
1、升级vue cli到3.0版本
npm uninstall -g vue-cli
npm install -g @vue/cli
2、用CMD命令,不要用git bash,git bash选不了选项
打开CMD命令行,输入e:进入E盘,进入到你的项目所在的文件夹后
选择manualy自定义方式,移动光标空格选中Router,Vuex
vue create demo (demo是项目名)

image.png

这里是问你是否要保存配置以便下次使用


image.png

3、手动创建vue.config.js
4、使用element-ui
npm i element-ui -S
按需引入npm install babel-plugin-component -D
报错解决:
npm install core-js@3.8.1
npm i --save-dev vue-loader-v16
按照elemenu-ui官网上的指引,需修改.babelrc文件
新增.babelrc文件后报错:Cannot find module 'babel-preset-es2015'
关于:Error: Cannot find module ‘babel-preset-es2015‘ 报错

参考:
Vue-cli3.0搭建如何搭建项目
vue-cli3.0配置webpack的配置
vue-config.js配置实战

相关文章

  • vue 3.0 资料整理

    1.0 vue3.0项目搭建:https://www.cnblogs.com/yf-html/p/12753540...

  • Vue3.0 + TS 编译报错 property does n

    1. 场景 在用Vue3.0 + VueRouter4.0 + AntdVue + TS搭建的项目中,编译过程中遇...

  • vue3.0和2.0的区别

    vue3.0和2.0的区别及项目的搭建 - xy19950125的博客 - CSDN博客 vue-cli 3.0 ...

  • vue3.0 项目搭建

    一开始npm、node的安装就不写了。我本地的node和npm的版本是: 1、 打开命令行工具,输入: 2、根据上...

  • 搭建vue3.0 项目

    安装脚手架卸载原来的脚手架 npm uninstall vue-cli -g下载新的脚手架 npm unins...

  • webpack搭建vue脚手架(一)

    vue3.0已经发布有些时日了,考虑可以学起来了,但是自己搭建项目又比较费劲,加上webpack知识需要更新了,刚...

  • vue 3.0 vue.config.js配置

    配置文件的变化 在vue3.0之前,vue-cli搭建的项目,有build和config两个文件夹。在其中可以配置...

  • Vue

    vue3.0项目从0到1 vue3.0项目从0到1-初始化项目[https://www.jianshu.com/p...

  • vue3.0项目搭建

    噩耗噩耗!vue2还没完全搞懂,就更新到 vue3 啦~~~~~ 1. 卸载旧版本 如果你之前如果你已经全局安装了...

  • Vue3.0(vite工具搭建项目)

    vue3.0浅析 前提vue2.X中很多内容被保存下来;vue3.0采用的是typescript进行重构的 几大亮...

网友评论

      本文标题:Vue3.0项目搭建

      本文链接:https://www.haomeiwen.com/subject/skhtultx.html