vue-cli的安装

1.安装github和node.js
node是自带npm的,如果你想升级npm为最新,键入npm install npm -g
node的安装及配置可以参考:http://www.jianshu.com/p/03a76b2e7e00

2.在cmd下输入node -v查看node是否安装成功;再键入npm -v查看npm是否安装成功

3.继续键入npm install -g vue-cli等待安装,若出现vue-cli的目录结构,则安装成功
以上命令只需要运行一次就可以。因为是全局安装,安装上之后,以后就不用安装了。
在安装vue-cli之前,可以先安装vue:键入npm install vue,也可以略过。

4.键入vue查看是否安装成功

5.进入你准备存放项目的位置

6.键入vue-list,如图,显示的是vue可以选用的模板类型,一般选择webpack

这里写图片描述

7.以安装一个项目名为sell的webpack模板为例:键入vue init webpack sell

? Project name (my-project) //请输入项目名称,回车默认
? Project description (A Vue.js project) //请输入项目描述,回车默认
? Author xslxxxxxxx@qq.com //请输入作者名或邮箱,回车默认
? Vue build //请选择构建模式,请直接回车选择第一条
Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are
ONLY allowed in .vue files - render functions are required elsewhere
?Install vue-router? No //是否安装vue-router,回车
? Use ESLint to lint your code? Yes //是否安装ESLint代码检查器,回车
//个人比较偏爱airbnb的编码规范,此处选择第二项 Standard
(https://github.com/feross/standard)
AirBNB (https://github.com/airbnb/javascript) none (configure it yourself)

? Setup unit tests with Karma + Mocha? No //单元测试,请按需选择
? Setup e2e tests with Nightwatch? No //端到端测试,请按需选择

8.windows用户输入dir可查看生成的该项目的目录,linux下命令是ls

9.进入该项目:cd sell,安装依赖:键入npm install,开始运行:键入npm run dev,若自动弹出如下页面,或访问localhost:8080弹出如下页面,则证明成功

这里写图片描述

PS. 如果安装出错,可以参考我的下一篇,也许可以帮到你^_^

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值