脚手架生成项目及各目录文件讲解
一、安装vue-cli脚手架
终端输入命令
1、npm install -g @vue/cli #自动安装最新版本
2、npm install -g @vue/cli-init
#拉取2.x模板
报错 npm error 可以运行下面命令npm cache clean --force && npm cache verify
vue -V
有版本号 证明下载成功
npm install -g cnpm --registry=https://registry.npm.taobao.org #淘宝镜像
二、创建vue-cli脚手架项目
1、终端中切换目录至项目文件路径下
2、输入命令 vue init
<模板> <项目名>
如:vue init webpack 01-webpack_project
3、切换目录到具体项目名下
如 cd 01-webpack_project
4、安装所有依赖包
输入命令 npm install
5、启动文件
输入命令 npm run dev
三、项目各文件讲解
四、执行顺序
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步