vue.js开始一个项目的准备
开始准备一个vue项目的准备工作,总结的匆忙,如有错误希望指正 谢谢
前期需要安装必要的node.js和Git(顺手安装了吧,万一以后要托管远程仓库嫩)
node.js下载:https://nodejs.org/en/
node.js中文下载:https://nodejs.org/zh-cn/download/
Git地址下载:https://git-scm.com/downloads
至于如何安装你就下一步下一步就可以了!
在你的电脑上建立一个文件夹:我这里是在我的 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的配置:
项目名:vue-web
项目描述:这里可以随意写点
作者:...
安装vue-router: y
安装ESLint: y
设置单元测试:n
e2e测试:n
后面就会出现三个选择:
一般都是用 yes, user npm 回车(当然 你要习惯用yarn 也是可以的 至于如何移动光标选择大家百度下 我也忘了)
之后就是漫长的等待...................
直到出现下面这个东西!!!!
按照给出的步骤敲击以下命令:
进入 vue-web文件夹:
cd vue-web
开启服务:
npm run dev
浏览器地址中键入以上的地址,如果是以上页面就是你初始化的第一个vue页面