记录下使用@vue/cli脚手架搭建项目

1.先安装官方的脚手架

如果之前有安装旧版本的vue-cli,需要通过 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 卸载旧版本

// 可以通过 npm 或 yarn 下载 @vue/cli脚手架
npm install -g @vue/cli
# OR
yarn global add @vue/cli

通过:以下命令查看@vue/cli是否安装完成

 vue --version 

2.通过脚手架创建一个demo

vue create demo

3.选择默认vue2安装即可

记录下使用@vue/cli脚手架搭建项目_第1张图片

4.安装完成后,根据命令提示进行操作

记录下使用@vue/cli脚手架搭建项目_第2张图片

先输入指令:cd demo 进入到创建好的文件夹下
在输入指令:npm run serve 运行该项目

5.运行完毕后就可以单击登录,或者在浏览器的url上输入localhost:8080

记录下使用@vue/cli脚手架搭建项目_第3张图片

6.看到这里即表示项目创建完成

记录下使用@vue/cli脚手架搭建项目_第4张图片

你可能感兴趣的:(@vue/cli项目搭建,vue)