快速学制作网站,广州信息流推广公司排名,网站报价书,用php做购物网站视频云风的知识库 云风网前端重构#xff0c;采用vue3.0vite antd框架#xff0c;实现前后端分离#xff0c;实现网站的SEO优化#xff0c;实现网站的性能优化
vite创建vue项目以及前期准备
Vite 需要 Node.js 版本 18#xff0c;20。然而#xff0c;有些模板需要依赖更高…云风的知识库 云风网前端重构采用vue3.0vite antd框架实现前后端分离实现网站的SEO优化实现网站的性能优化
vite创建vue项目以及前期准备
Vite 需要 Node.js 版本 1820。然而有些模板需要依赖更高的 Node 版本才能正常运行当你的包管理器发出警告时请注意升级你的 Node 版本。
既然采用vite那么需要安装vite的依赖执行以下命令
npm create vitelatest webSiteVue -- --template vue
或者
npm create vitelatest选择vue ts组合这个根据个人需求
安装依赖项目运行
npm install
npm run dev新建远程仓库并建立连接
在gitee上创建一个新的仓库命名为website
打开git bash进入webSiteVue文件夹执行以下命令
git init
git remote add origin https://gitee.com/niech_project/website.git
git pull origin master这样就建立了远程仓库连接
这里想要快速梳理项目结构可以安装mddir实现
npm install mddir -g 项目根目录下执行以下命令
PS D:\webPro\vite\webSiteVue mddir这里项目根目录会生成directory.md文件里面会列出项目的目录结构方便我们查看项目结构。
修改readme.md文件添加项目介绍
# website#### 介绍
vue版本的云风网#### 安装教程1. npm create vitelatest#### 使用说明1. npm install
2. npm run dev
3. npm run build#### 项目架构
1. npm install mddir -g
2. mddir
3. 生成directoryList.md文件查看目录结构
|-- 项目架构|-- .gitignore|-- index.html|-- LICENSE|-- package-lock.json|-- package.json|-- README.en.md|-- README.md|-- tsconfig.json|-- tsconfig.node.json|-- vite.config.ts|-- .vscode| |-- extensions.json|-- public| |-- vite.svg|-- src|-- App.vue|-- main.ts|-- style.css|-- vite-env.d.ts|-- assets| |-- vue.svg|-- components|-- HelloWorld.vue新建dev分支提交代码到gitee仓库执行以下命令提交代码到gitee仓库并推送到远程仓库。
git checkout -b dev
git add .
git commit -m init project
git push origin dev准备工作就绪可以进行代码编写开发了
