使用vue-cli脚手架创建vue项目

本文主要介绍使用的是安装vue-cli脚手架并使用vue-cli脚手架来创建vue项目
1.前置条件,需要安装npm 和nodejs,查看npm 和nodejs版本是否符合要求,如果版本不符合要求,有可能会导致安装失败
查看npm版本 npm-v
在这里插入图片描述
查看nodejs版本 node-v
在这里插入图片描述
2.使用npm安装vue-cli
打开cmd,执行:npm install -g @vue/cli,然后等待下载安装即可
在这里插入图片描述

 等安装完后,使用vue -V查看是否安装成功!

在这里插入图片描述
3.使用vue-cli 创建项目
跳转存放vue项目的目录下
cd /d D:\springCloudAlibabaProject
在这里插入图片描述
执行:vue create 项目名 创建项目
在这里插入图片描述
然后选择项目使用的vue版本,我这里选择的是Vue2版本,选择后Enter执行下一步

在这里插入图片描述
cd test
在这里插入图片描述
npm run serve
在这里插入图片描述
启动成功,输入网址开始访问
在这里插入图片描述
创建完成,启动成功!

如何使用npm run dev密令?
npm run dev 实际上就是npm run serve,打开项目中package.json,修改scripts 下的server 为dev

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

JAVA海洋里的小鱼

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

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

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

打赏作者

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

抵扣说明:

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

余额充值