Vue CLI创建新项目,并运行

1.准备工作

创建项目之前,我们需要知道在哪里创建;

第一种:

找到创建的文件,打开cmd方法;

 

 第二种方法:

1.打开需要创建vue项目的文件下,按住shift+鼠标右键;

2.点击”此处打开Powershell命令“;

2.安装vue cli脚手架

输入:

 npm install -g @vue/cli  

或者(如果上面按照过慢,用下面命令安装,下面通过的是淘宝镜像,安装会快一点)

cnpm install -g @vue/cli

3.安装完成后,输入vue --version;

如果能正常打印出vue 版本,说明安装成功;

 4.输入创建项目命令,vue create test2022;

1.项目名自定义,这里以”test2022“为例;

2.自定义配置项的选择和含义;

 3.出现如下,说明创建成功;

 5.启动项目vue项目命令;npm run serve

注意:启动项目时必须在新建的vue项目目录下执行启动命令;

如:必须在”test2022“目录下启动,输入npm run serve,才可以正常启动;

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值