创建vue2.0 vue3.0项目步骤总结

废话

现在做项目都是clone现成的项目，或者直接用自己以前，写好的项目，然后删掉原项目的页面啥的，但是多多少少都删不干净，里面还是有很多用不到依赖，各种封装的方法，引入的一些第三方的东西等，只知道能跑就不要动，有的删了就跑步起来了，导致代码里有很多垃圾

下面就记录一下常见的初始化vue项目的步骤

一、先创建仓库以gitee为例

1、没有的可以注册一个，登录成功之后，点击右上角 + 新建仓库
2、输入仓库名称，创建即可
3、git clone “https地址” 到本地，结束

vue2.0 cli 脚手架，初始化项目

tips: cnpm安装

npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm -v  查看版本，是否安装成功

0、cd到你刚刚clone的项目里

1、cnpm install vue-cli -g            //全局安装vue-cli 

2、vue init webpack                   //创建项目

3、cnpm install                       //初始化项目依赖

4、npm run dev                        //运行项目

      <---开发项目--->

5、git add .                          //暂存项目

6、git commit -m "first"              //提交描述

7、git push -u origin master          //提交到远程master

完成 返回gitee  就可以看到项目已经提交到仓库里了

vue3.0 cli脚手架，初始化项目

先创建仓库

1、npm install -g @vue/cli             //安装cli

2、winpty vue.cmd  vue create  xxx    //创建项目 选择vue 3

3、npm run serve                      //启动项目

完成
vue add vue-next                     //2.0升级3.0

具体路由 less vuex 等详情安装到另一篇文章

vue3.0 vite脚手架，初始化项目 (推荐)

先创建仓库

1、cmd 创建  npm init vite@latest
     git 创建  winpty vue.cmd  npm init vite@latest 
     
2、选择vue 

3、cd 项目名

4、npm install

5、npm run dev

笔记

vite 里使用路由 vuex ts 等详情安装到另一篇文章
vite官网地址
webpack官网地址

后续会继续更新有用的pc h5组件封装，将写在这两个项目里，觉得有用的话给个赞，谢谢