vue2.0 安装及项目搭建(一)

基本环境安装

1、安装node:从node.js官网下载并安装node。测试:win+R(打开命令行)-------输入cmd-------敲入node -v。如果出现相应版本号,即安装成功;

2、测试npm版本:命令行-------npm -v;

3、安装淘宝镜像:

  在命令行里输入代码:npm install -g cnpm --registry=https://registry.npm.taobao.org

    测试淘宝镜像是否安装成功:命令行-------cnpm -v

4、安装vue:

   npm install vue

   测试(注意,这里最后一个是大写V):vue -V

5、安装vue-cli脚手架:

   npm install vue-cli -g

6、安装webpack:

   npm install webpack -g

7、安装less(现在的项目都用less或者sass啦,别犯懒,安装吧~~)

   npm install -g less

 

项目搭建

1、使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是项目名称。

2、初始化完成后,cd vue-demo,启动项目: npm run dev

 

 

可以修改端口号:config>index.js

 

转载于:https://www.cnblogs.com/qiye2016/p/10481566.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值