一、Vue菜鸟小教程-安装

       一直以来都想写一些技术博客,来记录自己学过的东西,但总是有这样或那样的理由没有写成,直到今天才开始动笔。作为一个前端小白,如果哪里有不正确的地方也欢迎各位大佬指出,一定虚心学习,好好改正。

       这篇博客是关于Vue的,本人是先简单的看了一下关于Vue的技术文档,然后进行初步的安装,但是在这里出现了一些小问题,那就是在安装的时候提示node.js的版本不支持,导致最后安装Vue也没有成功,各位小伙伴在安装的时候一定要注意。下面是安装的详细过程。

     1.安装node.js,可以在网上下载安装,我下载的是8.9.4版本的,http://nodejs.cn/download/

     2.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内npm会很慢,这里推荐使用淘宝NPM镜像。

     在cmd中直接输入npm install -g cnpm --registry=http://registry.npm.taobao.org,然后回车,等候安装。可查看cnpm

     版本是多少。


3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架。在cmd中输入cnpm install -g vue-cli回车,等候安   装。

  

4.创建项目。在cmd中输入 vue init webpack firstvue,可以更换目录,我这里使用了cd更换到了Users.依次出现如下显示,下面项目的设置可以根据自己项目的需要来设置。如图所示。


5.安装相关的依赖。在cmd中输入cd firstvue(项目名称)进入项目当中,输入cnpm install.这时会发现文件夹中多了一个node_modules。如下图。



6.测试环境搭建是否成功。

  在cmd中输入cnpm run dev如下图:



另一种测试方式localhost:8080(默认端口为8080)显示页面:




  




    


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值