乐趣区

关于前端:搭建脚手架vuecli并创建一个项目

最近刚学习到 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 文件夹中

退出移动版