vue脚手架——如何创建一个vue项目

Vue脚⼿架

Vue-cli是什么：vue-cli是vue的脚⼿架，建筑上的脚⼿架就是先搭个架⼦，然后⼯⼈们慢慢往⾥⾯砌砖 头，直到建筑成型。⽽程序的脚⼿架就是帮你把⼀些环境配置、基础变量定义，⽂件结构等都搭建好， 要创建新的项⽬时拿过来直接往⾥⾯添加新项⽬需要的东⻄。

Vue-cli创建项目

执⾏步骤：

1. 全局安装vue-cli，执⾏指令 npm install -g @vue/cli（win+r打开会话框，输入cmd打开命令提示符，按照需要看是否进入管理员模式）

2. 控制台输⼊vue验证是否出现以下⻚⾯

3. 创建⼀个项⽬

3.x 以上版本创建⽅法： 执⾏指令 vue create xxx (xxx为项⽬名)，或者采⽤图形化界⾯创建，执⾏指令 vu e ui

注意：以上指令是基于Wabpack⽣成的，然后现在Vue更推荐基于Vite的⽅式创建

执⾏指令：

npm create vite@latest my-vue-app -- --template vue 

 5. 终端进⼊到上⾯创建的项⽬⽂件夹，可以使⽤命令 cd xxx ，(xxx为上⾯的项⽬⽬录)，也可以在 vscode中选中项⽬⽂件夹右键在终端中打开

6. 在终端中运⾏执⾏ npm run dev

7.浏览启动后的⽹⻚

至此一个vue项目就创建完成了，通过找到文件src对里面的App.vue进行修改就可以实现页面的书写了