vue.js环境搭建详解

1.需要安装node.js,详细步骤      http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装好node之后,因为npm在国内的时候会很慢,所以推荐安装淘宝的镜像,用cnpm来代替npm,

打开cmd直接输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org
之后回车,等待进行安装,具体的地址可以查看网页: http://npm.taobao.org/

3.在cmd里输入  :cnpm install -g vue-cli  回车,进行安装

   安装之后可以出入vue回车查看信息,如果有证明成功

4.之后需要创建项目,在cmd里输入:vue init webpack vue_test(项目文件夹名),项目文件夹名字可以进行修改


5.之后就可以在对应的路径下查看到我们新创建的文件夹,里面有一个新的项目,但是现在还不能运行,需要添加依赖

6.添加依赖

在cmd里输入:cd fisrt(项目名),回车,需要进入到具体项目文件夹才能进行操作
之后在输入:cnmp install,回车,等待依赖下载完成,

这里说一下,我这里是输入cnmp install是无法下载的,结果需要把当前的cmd窗口关闭之后,重新打开cmd进行到路径下,执行cnmp install才可以的,要是其他人是可以直接下载就直接略过这句话。

之后我们会发现项目文件里多了node_modules这个文件夹,这个文件夹就是依赖的部分。


7.就是对项目进行运行查看,不过项目运行的时候,我出现了这个问题,nmp的升级问题


具体解决可查看这个文章  http://www.cnblogs.com/webph/p/6261727.html

强调一下的是npm install npm@latest -g 这句命令行就是升级到最新版的npm

如果没有遇到同类问题的,可以自行忽略。

8.开始测试是否能够运行成功

    在cmd里输入:cnpm run dev ,之后在浏览里输入:localhost:8080(默认端口为8080)



到此环境就安装成功了。


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值