安装使用vue-cli

一、安装

在命令提示符中

npm node -v

检测node版本 需要4以上

安装:npm install -g vue-cli

vue init webpack 自命名

出现Project name 自命名
Project description 描述
Author
这里写图片描述

成功
这里写图片描述

8080窗口
这里写图片描述

二、使用

在sublime里面导入sell这个文件夹。

这里写图片描述

main.js是js的入口文件

sell文件夹打包
链接:http://pan.baidu.com/s/1nv40fzz 密码:593w

准备工作 新增一些文件夹和文件
这里写图片描述

方便制作icon的网站:https://icomoon.io/app/#/select
使用方法:左上角紫色的 import Icons把svg文件上传之后,选中所有上传的文件,点击右下角generate Font,再点击下载。

特殊的,需要mock数据模拟后台数据可以在最外层加入一个文件。

这里写图片描述

然后再build里面进行一些设置。

修改了之后在sell目录下
这里写图片描述

对修改了的代码进行编译。
在窗口中可以通过之前的设置方法得到相应的数据。

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值