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进行修改就可以实现页面的书写了