如何在新环境下创建Vue-cli项目(傻瓜版本)

如何新建vue项目

  1. 首先,确保电脑上有Node.js环境
    前往官网下载node.js。
    根据个人需求进行下载,下载完成后安装(过程省略。。。)
    完成好关闭,按键盘Win键+R,打开运行并输入cmd后回车;
    得到一个页面

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RUeSjZ6d-1611560435588)(啊)]

	再次输入“node -v”,查看你的node版本;
  1. 确保电脑有‘vue-cli’环境

    安装vue脚手架点击官网
    在cmd中进行安装,输入

npm install -g @vue/cli

回车进行安装,等待进度条结束后;

vue --version

来进行查看当前版本。

  1. 安装vue项目
    等待脚手架安装结束后开始进行项目实例化;
    首先新建文件夹到你想要的位置;
    进入当前文件,并且打开cmd运行台,输入
    vue create project
    “project”为你项目的名称
    确认后回车;
    在这里插入图片描述
    系统会提示你是否安装;
    有三个可选项!
    1.快速安装vue2为版本号的脚手架;
    2.快速安装vue3为版本号的脚手架;
    3.自定义安装vue;
    如果有使用Vue-Router的兄弟建议还是老老实实的自定义安装吧,防止后期还要自己引入;
    当你选择第三个后,cmd出现画面
    在这里插入图片描述
    他会提示你需要引入那些你需要的插件,根据项目需求自行勾选,有*号的为选中。
    勾选结束后继续提示
    在这里插入图片描述
    它会问你需要哪个版本的vue脚手架,时代在更新,咱们还是多用新版本吧!
    同理,后续回车后看是否有你需要的不需要的,回车就是Y(肯定)否自就按N(否定);
    完了后就是等待时间!
    在这里插入图片描述
    结束后蓝色就是接下来我们要输入到cmd的内容,进入和运行;
    在这里插入图片描述

显示的两个网址就是你需要在浏览器打开的网址,你的本机环境以及项目搭建就完成了!撤了撤了!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值