vue脚手架

安装脚手架:
在命令行输入: npm install -g @vue/cli
在这里插入图片描述

卸载脚手架:
在命令行输入: npm uninstall -g vue-cli
在这里插入图片描述

查看是否安装上及版本:
在命令行输入: vue --version
在这里插入图片描述


/*************************************************************************************************/

创建项目:
打开项目文件夹,在地址栏输入 cmd 回车确认
在这里插入图片描述
之后弹出这个窗口
在这里插入图片描述
输入命令 vue create 项目名

之后会跳到这个窗口,根据自己所下载的vue版本选择对应的选项(上下方向键移动),
在这里插入图片描述
或者选择最后一个选项,进入手动选择特性:
在这里插入图片描述
在这里插入图片描述
此处选择了 Router、Vuex、CSS Pre-processors
在这里插入图片描述

之后需要选择使用的vue版本,根据自己所学所下载的vue来选择(忘截图了,下面是选择后的图片,选择的 2.x 版本)
在这里插入图片描述
之后一路回车
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

之后等待完成
在这里插入图片描述
这样便是完成了
在这里插入图片描述
接着按照 蓝字提示 ,输入 cd demo
在这里插入图片描述
输入 npm run serve
在这里插入图片描述
完成后是这样
在这里插入图片描述
之后就算完成了,我们打开开发工具这里用的是VS code,就可以在我们的项目文件夹中看到多了很多文件,这就是我们的项目文件了
在这里插入图片描述
之后我们在VScode中修改文件后,通过终端进行运行。
在这里插入图片描述
在终端输入命令 npm run serve
在这里插入图片描述
这样便是运行成功了
在这里插入图片描述
然后复制链接到浏览器中打开就可以显示了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值