安装Node.js,Vue脚手架,并创建第一个Vue项目

安装Node.js,Vue脚手架,并创建第一个Vue项目

1:安装Node.js

  1. 安装官网 :https://nodejs.org/en/;

在这里插入图片描述
然后弹窗:在这里插入图片描述

MSI就是microsoft installer的简写,是微软格式的安装包。一般是程序的安装软件。XP下可以直接运行安装。MSI文件的功能其实就是OFFICE软件的安装程序,可以安装,也可以修复或删除

2: 安装过程一直点击下一步,不用勾选任何选项,安装路径改为自己想要放的位置下,一般不放在默认的C盘下,不然以后安装各种插件会占用C盘目录,因此后续需要增加2个文件配置,后面再说。

  1. 打开cmd, 输入 node -v和npm -v 看是否成功, 出现版本号代表成功;

  2. 因为前面第2步修改了默认的安装位置,所以打开安装的node文件夹,在里面新建2个文件夹
    node_globalnode_cache,说明一下node_global是用来放下载的全局包的,日志什么的会放在**
    node_cache**文件夹下;

  3. 在cmd中输入以下命令配置说明下载内容放到这2个文件夹中:
    npm config set prefix “D:\nodeJs\node_global”
    设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\nodejs\node_global里
    npm config set cache “D:\nodeJs\node_cache”
    设置全局模块存放路径

在这里插入图片描述 7. 本人未安装cnpm,正常的下载速度目前可以接受;

  1. 设置环境变量非常重要,path里面的环境变量安装msi文件会自动加入。
    在这里插入图片描述

2:安装Vue脚手架

1:在cmd 窗口输入npm install -g @vue/cli,成功后输入vue -V 会出现版本号
在这里插入图片描述

3:创建第一个Vue项目

接下来:介绍如何利用cmd窗口创建一个vue项目

1:首先跳转到需要创建vue项目的文件夹
在这里插入图片描述
2:根据按自己的需要进行一步一步选择,其中按空格表示选择,Enter表示进入下一步,ctrl+c强行停止
在这里插入图片描述
3:输出以下内容表示vue项目创建成功在这里插入图片描述
4:接下来,运行此项目,先切换到vue文件夹下,然后输入下面的命令执行在这里插入图片描述5:执行成功后小黑框会给出你的访问地址,点击地址即可访问!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值