vue最系统学习2:使用vue-cli脚手架搭建项目

vue相关命令安装

第一步:安装vue命令cnpm install vue
vue最系统学习2:使用vue-cli脚手架搭建项目_第1张图片
第二步:安装vue-cli cnpm install --global vue-cli
vue最系统学习2:使用vue-cli脚手架搭建项目_第2张图片

vue的hellowword项目搭建

第一步:建立空文件夹
vue最系统学习2:使用vue-cli脚手架搭建项目_第3张图片
第二步:在cmd进入当前文件夹
vue最系统学习2:使用vue-cli脚手架搭建项目_第4张图片
第三步:使用vue-cli脚手架搭建项目,建议所有提示都按回车键enter

1:vue init webpack项目名
vue最系统学习2:使用vue-cli脚手架搭建项目_第5张图片
2:可以修改或者使用默认项目名,这我直接回车
vue最系统学习2:使用vue-cli脚手架搭建项目_第6张图片

3:项目描述,我这里回车
vue最系统学习2:使用vue-cli脚手架搭建项目_第7张图片
4:这里是都采用默认
vue最系统学习2:使用vue-cli脚手架搭建项目_第8张图片
5:项目创建中,这里有的慢需要耐心等时间
vue最系统学习2:使用vue-cli脚手架搭建项目_第9张图片
6:项目构建完毕,并且我们根据提示启动项目
vue最系统学习2:使用vue-cli脚手架搭建项目_第10张图片
7:进入项目,并启动项目
vue最系统学习2:使用vue-cli脚手架搭建项目_第11张图片
8:我们访问提示的地址
vue最系统学习2:使用vue-cli脚手架搭建项目_第12张图片
9:下一期我们简要学习更细致的知识,这期到这来结束

你可能感兴趣的:(vue)