Vue3初学之安装

一、背景
之前一直在做图像以及数据的开辟，对前端的内容关注比力少。几年前做过老式的HTML5+Django的web开辟。随着Vue越来越方便，先在写数据前，记载下Vue3的学习。
二、想要实现的目的
Vue3+Django的前后开辟框架，实现一样寻常的平台管理，可视化界面等。期待能始终记载学习的过程，与大家一起共成长，不敷之处请多多指正
三、Vue3的先容
Vue 是⼀套⽤于构建用户界⾯的渐进式框架。与其它⼤型框架不同的是，Vue被设计为
可以自底向上逐层应用。Vue的核⼼库只关凝视图层，不仅易于上手，还便于与第三方库或既有项⽬整合。另一方面，当与当代化的⼯具链以及各种⽀持类库结合使⽤时，Vue也完全能够为复杂的单页应用提供驱动。
四、Vue3的安装
引用文档：将Vue.js添加到项目中主要有四种方式：
1.在页面上以CDN包的形式导⼊。
2.下载JavaScript⽂件并自行托管。
3.使用npm安装它。
4.使用官方的CLI来构建⼀个项目
①node安装
官网地址：https://nodejs.org/en/download/
傻瓜式安装，完成在要体系变量中可以检察，然后可以在command中，输入
node -v , npm -v
加速速率，更改镜像
#检察镜像
npm config get registry
#设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
npm install --global webpack
npm install --global webpack-cli
②安装Vue
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install vue or npm install vue
③查抄Vue版本
vue --version
④先创一个项目文件夹Vue

⑤开始创建初始化
vue create vue3_test

进入安装项目，运行pnpm run serve

还可以用npm init vite@latest vue3_test --template vue 进行初始化vue3

如果在输入npm install中比力慢，可以切换国内的镜像
npm config set registry https://registry.npmmirror.com
或者清理下npm缓存
npm cache clean --force

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。