关于前端:搭建脚手架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文件夹中

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理