如何创建基于webpack的vue项目和基于vite的vue项目及将现有vue项目变更为基于vite项目

基于新电脑实现步骤如下

1、如果这些都安装好了可以直接进入下一步，安装npm，分别敲入如下命令

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

brew install node(安装node)

node安装好了，npm也随之装好了，可以执行npm -v检查是否安装成功，成功会显示版本号

切换到淘宝镜像源,网络流畅些,下面是安装淘宝镜像源命令

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

为了查看安装的镜像源先安装一下nrm

npm install nrm -g

nrm ls可以查看已经安装的镜像源

很奇怪这里安装的tabao镜像源跟我安装的不一样，先不管嘞

2、安装vue

sudo npm install -g @vue/cli

3、创建项目

cd Desktop/

创建普通vue项目

vue create [项目名称] 选择相应的版本vue版本及模式即可

创建vite项目

npm create vite [项目名称] 选择相应的语音和框架即可

创建完成之后依次执行开启项目

npm install

npm run dev

如果想把现有vue项目转换成基于vite构建的项目只需要替换src文件夹即可

可能会报俩个错误

主需要稍微转换一下就可以

关闭eslint只需要把vite.confi.js中这个文件设置

devServer: {
overlay: {
warnings: false,
errors: false
},
lintOnSave: false}

如何创建基于webpack的vue项目和基于vite的vue项目及将现有vue项目变更为基于vite项目相关推荐

创建基于webpack打包的vue项目
创建基于webpack打包的vue项目结合win7.element-ui.vue(vue-router.vue-cli).webpack等技术,完成了项目的基础工作.难则不会,会则不难:贵在经验总结 ...
创建基于Webpack的Vue.js项目
创建基于Webpack的Vue.js项目本文目录: 一.Webpack简介二.创建基于Webpack的Vue.js项目 1.前提条件 (1).检查node 和npm版本信息 (2).升级你的 No ...
基于 Webpack 4 搭建 Vue 开发环境
自从工作之后,就已经很久没有写过博客了.时间被分割得比较碎,积累了一段时间的学习成果,才写下了这篇博客. 之前有写过 Webpack4 的文章,但是都比较偏入门,唯一的一篇实战篇 -- 基于Webpa ...
vue可视化拖拽生成工具_vdesjs: 基于vue的可视化拖拽，代码生成工具。提升前端开发效率，或者集成至项目作为在线拖拽工具。（持续迭代升级中）...
vdesjs 介绍 vdesjs是一款基于vue技术栈,可视化拖拽,代码生成工具.我们提供详细的文档来帮助您理解我们工具的实现原理,并且您可以方便的基于vdesjs来扩展您自己的代码生成组件. 技术选 ...
基于 Webpack 3 的 React 工程项目脚手架
基于 Webpack 3 的 React 工程项目脚手架从属于笔者的 Web 前端入门与工程实践,算来已经是笔者 React 技术栈脚手架的第四个迭代版本.更多关于 React 或者前端开发相关的资料 ...
Java项目:仿小米电子产品售卖商城系统(java+SpringBoot+Vue+MySQL+Redis+ElementUI)
源码获取:博客首页 "资源" 里下载! 项目描述:这是一个基于SpringBoot+Vue框架开发的仿小米电子产品售卖商城系统.首先,这是一个前后端分离的项目,代码简洁规范,注释说 ...
基于webpack搭建前端工程解决方案探索
关于前端工程 \\ 下面是百科关于"软件工程"的名词解释: \\ \ 软件工程是一门研究用工程化方法构建和维护有效的.实用的和高质量的软件的学科. \ \\ 其中,工程化是方法,是 ...
springboot毕设项目同城上门喂遛宠物预约vfo34（java+VUE+Mybatis+Maven+Mysql）
springboot毕设项目同城上门喂遛宠物预约vfo34(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + ...
JAVA毕设项目林家餐厅自助点餐管理系统（java+VUE+Mybatis+Maven+Mysql）
JAVA毕设项目林家餐厅自助点餐管理系统(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX ...

如何创建基于webpack的vue项目和基于vite的vue项目及将现有vue项目变更为基于vite项目

如何创建基于webpack的vue项目和基于vite的vue项目及将现有vue项目变更为基于vite项目相关推荐

最新文章

热门文章