【Vue】vue项目搭建流程(保姆级教程)

vue项目搭建流程

安装Node环境 >>>> 全局安装脚手架 >>>> 初始化项目步骤操作

1.安装Node环境

Node下载地址: https://nodejs.org/zh-cn
点开后页面如下:
在这里插入图片描述
推荐使用长期支持、稳定版
a. 下载完成后默认下一步安装,安装路径可修改,建议默认路径安装
b. node安装好后,电脑path环境变量中 添加npm配置
在这里插入图片描述

2. 全局安装脚手架

npm install -g @vue/cli 

3.初始化项目步骤操作(在目录下打开cmd命令行,执行下列步骤)

a. 执行创建项目命令(start_vue可替换成自己想要的项目名称)

vue create start_vue

b.上下方向健,选择 Manually select features 后,回车
在这里插入图片描述
c.选择 Router (空格选择)后,回车
在这里插入图片描述
d.vue版本选择 3.x
在这里插入图片描述
e. 路由是否选择history模式 选择Y
在这里插入图片描述
f. selint语法选择 eslint+standard config
在这里插入图片描述
g.检测方式 选择 lint on save
在这里插入图片描述
h.文件类型 选择 json
在这里插入图片描述
i.保存当前的配置,输入y 并命名为demo_1或者其他
在这里插入图片描述
至此,步骤执行完后回车即可,VUE项目已经初始化完成

备注:

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yqyn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值