【学习笔记】vue单页应用基本环境搭建

安装node

本身装了就不贴了,上网大把

安装vue-cli

npm install -g vue-cli

项目初始化

创建项目目录,在里面cmd(这里用的git命令板,不过也一样)
红色箭头处选 n
在这里插入图片描述

进入到刚刚webpack帮你创建的项目文件夹里

在这里插入图片描述

安装node_module(应该是一个本地的服务器环境)

在这里插入图片描述

运行

在这里插入图片描述

然后后面返回的url就可以看到页面效果了。

这里要注意,
如果是两个vue的项目冲突会自动改端口。
如果你本身安装了一个本地服务器环境,比如phpstudy或者wamp、IIS等,会冲突,访问出来的会是原来本地环境的文件,
这个时候要改端口
打开config—>index.js,改红线处
在这里插入图片描述

然后访问一下
在这里插入图片描述
成功了

参考:https://www.jianshu.com/p/02b12c600c7b

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值