从零开始安装使用Vue

1、Node.js的下载安装https://nodejs.org/en/download/,检查版本:快捷键win+R > 输入cmd > 回车 >  分别键入node -v和npm -v,出现版本号说明安装成功;

2、如果想要以后安装插件(npm修改为cnpm)方便一点,这里可以安装淘宝镜像源,即在命令中输入:npm install -g cnpm --registry=http://registry.npm.taobao.org;(也有其他镜像源,这个就自己去找吧,我这里使用的是淘宝的)

3、安装vue-cli脚手架,在命令中输入:npm install -g vue-cli后回车;

4、新建一个项目文件夹,命令键入该文件夹:例如你在E盘建了项目demo文件夹,则输入 E: > 回车 > cd demo > 回车即可;

5、或者直接在命令行里键入目录,初始化项目:vue init webpack demo,这里的demo换成你自己的文件夹名(注意:4和5任选一个哈);

6、之后依次为4个直接回车、Y回车、N回车、N回车、N回车,再使用键盘的向下键选第三个后回车即可,如下图:

7、以上完成后,先确认自己的命令是否在项目文件夹下,是则输入:cnpm install后回车,这里你就会体会到淘宝npm镜像的好处了,省时间还不易报错。

8、最后输入npm run dev后回车运行你的项目,这里可能会直接跳转链接,如果没有,就手动在浏览器输入提示的ip地址后回车,成功则会出现以下界面,之后的功能样式就自己琢磨吧,我也是菜鸟一枚,以上仅供参考,有心得或建议的请留言交流。注:默认端口号是8080哈。

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值