vue-cli+webpack搭建项目

1、检查是否安装了node,node -v

2、检查npm版本,npm -v

3、进入项目的地址(我的是直接建立在桌面上的,比较懒),cd desktop

4、安装cnpm(原因:因为npm安装速度超级慢,cnpm是淘宝镜像很快,也是一个小技巧哈),

npm install -g cnpm --registry=https://registry.npm.taobao.org,

5、用cnpm全局安装vue-cli,cnpm install -g vue-cli,

6、开始初始化项目vue-cli+webpack,vue init webpack Gdie(Gdie是项目名),

7、填写一些基本信息配置,

8、项目初始化完成,进入项目cd Gdie,

9、启动项目,npm run dev,

10、项目构建成功,在浏览器输入localhost:8080,

(说明:因为我已经构建了一个项目,端口是8080,所以这个新的vue-projec项目t端口是8080,只有一个项目的情况下端口都是8080,其实只要大家只要正确输入TA提供的端口号就能看到效果,不论几个项目在运行都不会影响),

效果如图:

 

就这样项目就已经搭建好可以运行了,希望可以帮到小伙伴们哦~

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值