1.环境准备

1.win+r在cmd终端界面输入node -v,检测node环境是否安装成功
在这里插入图片描述
2.cmd终端界面输入vue -V,检测前端脚手架@vue/cli是否安装成功
在这里插入图片描述
没有显示则终端输入以下指令

//以下内容三选一
cnpm install -g @vue/cli
npm install -g @vue/cli
yarn global add @vue/cli

2.项目初始化

1.选择你希望创建项目的位置,输入cmd回车进入windows终端
在这里插入图片描述
2.输入vue create "你的项目名称"创建vue项目,回车
在这里插入图片描述
3.选择最下面这个,回车
在这里插入图片描述
4.选择自己需要的初始化模块(推荐取消Babel,选中Router,具体根据自己的需求来),回车
在这里插入图片描述
5.选择2.x版本,回车
在这里插入图片描述
6.电脑端输入n
在这里插入图片描述
7.选择第一个默认即可(建议选择package.json)
在这里插入图片描述
8.继续输入n,回车
在这里插入图片描述
9.出现以下界面vue2项目创建成功
在这里插入图片描述

3.删除不必要的初始化文件

1.如下图从左到右删除不必要的文件
在这里插入图片描述
2.运行项目(ctrl+`进入终端),输入npm run serve
在这里插入图片描述
启动成功,后续项目内容根据自己的需要配置路由信息和文件

GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079 [skip ci] 3 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐