Vue脚手架安装教程
一、确定电脑已经安装好node
网上有很多教程,这里不再多说。
二、安装vue-cli
1.先配置npm的淘宝镜像,这样安装速度快。
npm config set registry https://registry.npm.taobao.org
2.全局安装vue-cli,在cmd中输入下面代码:
npm install -g @vue/cli
安装过程中会像下面一样一直报错,不用管
3.安装结束后输入vue -V检查版本号,确认安装成功:
vue -V
三、创建项目
1.将上面打开的cmd窗口关掉,打开你想创建项目的文件夹,进入cmd,输入vue create xxx,我这里想在Vue这个文件夹创建vue_test这个项目:
vue create vue_test
我这里出现了这样一段标黄的话,大体意思就是速度慢,要不要用它提供的网址,选择yes即可
2.选择完毕,会出现一个交互选项,键盘的上下键选择Vue2还是Vue3,我这里选择了Vue2,选择好按回车
会出现新的交互选项,选择npm安装还是yarn安装,我这里选择了npm
3.都选完就开始自动安装了,直到出现Successfully created project ……就说明安装好了:
四、运行项目
进入项目文件夹的cmd窗口,运行
npm run serve
其中 http://localhost:8080/就是项目地址,复制地址,在浏览器中打开,就可以看到官方提供的这个项目啦。
如果想要结束项目,在cmd窗口输入Ctrl+C,就可以结束项目啦。