怎么安装vue-cli脚手架,创建项目

218 阅读1分钟

直接在nodejs里全局安装

安装命令

npm install -g @vue/cli

如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装,换一个网络环境来继续重新安装。

检查是否安装成功

在任意小黑窗中输入 vue -V

如果显示版本号,就表示安装成功

创建项目

创建项目的命令

vue create xxx(文件名)

选择模板

通过键盘的上下箭头选择合适的模板,如果选择错了,可以按下ctrl+c终止操作

image.png

安装依赖

image.png

启动项目

命令

npm run serve

image.png 绿色就表示成功

打开浏览器输入上述地址

image.png