从零开始搭建脚手架

vue 董德咏

前言:大家用自己电脑搭建脚手架少不了一顿搜索(包括我),所有特地整合了从零开始搭建脚手架的步骤。用自己的电脑做的案例。少说废话,我们开始吧!

首先,win+r然后

winr.png

输入cmd如下图

image.png

点确定或者按键盘回车:

enter.png

进入dos界面:

image.png

输入node -v 回车 再输入npm -v 回车

image.png

我这里已经安装了node了,没有的话去官网下载https://nodejs.org/en/,如果版本号低于8.9,最好卸载

win→控制面板→程序→卸载:

卸载node.jpg

重启电脑然后再去官网下载


然后查看npm镜像,输入npm config get registry,然后回车:

现在镜像.jpg

我们更换为淘宝镜像,输入npm config set registry https://registry.npm.taobao.org,回车,输入

npm config get registry,回车:、

更换为淘宝.jpg

输入vue -V ,确认电脑有没有安装vue-cli:

确认vue-cli.jpg

如果有2.x版本,输入npm uninstall vue-cli -g卸载,然后重启电脑

然后输入npm install -g @vue/cli安装:

image.png

我们看到@vue/cli@4.5.4这个版本号说明安装好了,输入vue -V确认:

image.png

至此脚手架安装完成;

创建项目:vue create [项目名字]

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :