最近刚学习到 vue 脚手架相干的常识,所以整顿了一个用 vue-cli 搭建我的项目的过程
1、装置 node.js 环境
- 进入官网下载:https://nodejs.org/en/download/
- 下载完关上,始终 next 就行
- 关上 cmd,输出:
node -v
npm -v
如果能呈现相干的版本号,阐明装置胜利
2、全局装置 vue-cli
npm install vue-cli -g
后果如下:
3、选定门路,创立我的项目,我的我的项目名为 tabbar
vue init webpack tabbar
4、运行我的项目
进入文件所在目录
cd tabbar
装置依赖
npm install
运行我的项目
npm run dev
5、通过我的项目展现门路,关上初始界面
关上 界面如下
6、最终取得一个这样的文件目录
咱们的代码写在 src 文件夹中