vue2.X开始一个项目的准备!

vue.js开始一个项目的准备

开始准备一个vue项目的准备工作,总结的匆忙,如有错误希望指正 谢谢

前期需要安装必要的node.js和Git(顺手安装了吧,万一以后要托管远程仓库嫩)

node.js下载:https://nodejs.org/en/
node.js中文下载:https://nodejs.org/zh-cn/download/
node.js下载地址

Git地址下载:https://git-scm.com/downloads
Git下载页面

至于如何安装你就下一步下一步就可以了!

在你的电脑上建立一个文件夹:我这里是在我的 E:\gitee代码仓库下建立了一个叫vue-web的文件夹

打开终端:(这里要CD进入你建立好的vue-web中)
1.安装vue-cli脚手架(这里是全局安装)
npm install -g vue-cli  
2.查看版本号:
vue -V
显示出版本号,说明安装成功

版本号

3.安装模板这里使用webpack:
vue init webpack vue-exanple(后面加上名字 这里用vue-web) 
exp:vue init webpack vue-web

安装webpack
后面就是一些基本的webpack的配置:
webpack基本配置

项目名:vue-web
项目描述:这里可以随意写点
作者:...
安装vue-router: y
安装ESLint:  y
设置单元测试:n
e2e测试:n
后面就会出现三个选择:
一般都是用 yes, user npm 回车(当然 你要习惯用yarn 也是可以的  至于如何移动光标选择大家百度下 我也忘了)
之后就是漫长的等待...................
直到出现下面这个东西!!!!

最后关头

按照给出的步骤敲击以下命令:
进入 vue-web文件夹:
cd vue-web

开启服务:
npm run dev

地址
浏览器地址中键入以上的地址,如果是以上页面就是你初始化的第一个vue页面
初始化完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值