如何创建基于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}