WIN10安装vue创建一个vue项目

装了三天的vue现在终于跳出坑了 

1:在node官网下载最新的node.js--------我是安装在E:\JavaProgramFiles\node下

 

无法访问

2:验证是否安装成功

以管理员身份运行cmd

输入node -v   查看版本,输入npm -v 查看版本

404

3:我并没有用自带的npm,而是使用的淘宝镜像

 在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...

4:安装成功后 在cmd里直接输入 npm install -g @vue/cli 等待安装完成,(如果出现警告可以不用管)

5:验证安装是否成功:  cmd 输入vue -V 

如果它无法识别命令,那么并不一定代表它没有安装成功,可能是因为环境变量没有配置

 

然后将他加载path中  :%NODE_PATH%

关闭cmd重新打开,输入vue -V 安装成功

创建第一个vue项目

1:vue安装成功后,我是在本地的桌面创建了一个名字为vue的文件夹

在管理员界面进入桌面的vue文件夹,输入  vue init webpack vw(这里我的项目名字叫做vw),回车后按照如图进行以下步骤就好,具体原因我也不清楚,因为这也是我的第一个vue项目

404

结束以后又三个选项直接选择使用npm进行安装

404

如上图所示项目基本算是创建成功,接下来就是运行它了 

cnpm install

cnpm run dev(必须进入你的项目,我这里的项目名字叫做vw所以要进入vw文件夹下)

至此,项目创建成功,访问localhost:8080 访问成功,

(有时候i无法创建成功项目可能是npm版本有点低 ,可以更新一下npm版本     npm install -g npm )

404

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值