【新手上路】从零开始的vue前端之路

NodeJs压缩包版本创建vue项目

需要准备的工具-node.js
官网下载nodejs
这是官网:http://nodejs.cn/
1.下载nodejs
*如果进入的跟图片不一样不是进错了就是官网更新了,滑稽 *
在这里插入图片描述
2.选择一个下载
在这里插入图片描述
3.下载得到的文件在这里插入图片描述
4.解压这个文件在这里插入图片描述
5.进入解压的文件在这里插入图片描述
在这里插入图片描述
6.开始搭建脚手架(就是构建vue的相关需要的东西,类似于java的jre等)
在这里输入cmd进入命令窗口
在这里插入图片描述
7.我输入的三条命令:
安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack
npm install webpack -g
安装vue脚手架
npm install vue-cli -g
(除了第一条可以不输入,剩下的都是必要工作,可自行百度了解)
在这里插入图片描述
8.弄好之后关闭就和下面这张图一样了在这里插入图片描述

开始创建一个vue项目

同上操作打开cmd窗口:vue init webpack xx【xx是项目名称】
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后就等它做事了,现在该去泡杯茶,等下就要敲代码了,不抽烟的我不喝茶就会觉得少点什么。
在这里插入图片描述
在这里插入图片描述

然后你的项目会出现在这里,可以拿走了。
在这里插入图片描述

让项目跑起来

*没有泡好茶,这个城市的网络快的超乎我想象了QAQ *
进入项目文件夹在这里插入图片描述
同上操作打开cmd运行命令:npm install
注:这就类似于java下载相关的依赖,jar包啥的,里面有router路由或者vuex啥的。
在这里插入图片描述
好了之后输入:npm run dev 运行项目
在这里插入图片描述
在这里插入图片描述
搞定了!!我泡茶去了,配置文件,端口啥的等下补上
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
好了,简单的入门,喝茶。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值