如何初始化一个vue项目 windows

一、步骤

//1.创建一个新项目
vue create '项目名称'
//2.加router
vue add router

最后项目目录是这样的:
在这里插入图片描述

二、vue错误

vue run dev报错 缺少package.json文件、missing dev 命令

新建好一个vue项目后,终端执行npm run dev 报了两个错:

1、缺少package.json文件
解决办法:执行 npm init -y 生成一个新的package.json

2、missing dev 命令
若package.json中已有dev,说明run的路径不对。
解决办法:cd 到对应文件夹,重新运行npm run dev 就OK了

以上两个报错都因为我们创建vue项目的时候,生成的package.json并不与项目在同级目录下。

参考文章:
vue项目搭建,及vue-router实践
vue项目搭建教程
vue报错提示缺少package.json文件解决办法

三、常用vue命令

//查看vue-cli版本
vue -V
//查看vue版本
npm list vue
//查看npm 版本
npm -V
//vue卸载:
npm uninstall vue-cli -g(3.0以下版本卸载)
npm uninstall -g @vue/cli(3.0以上版本卸载)
//vue安装:
npm install -g @vue/cli (安装的是最新版)
npm install [email protected] (指定版本安装【指定版本为3.0以下版本】,其中2.9.6为版本号)
npm install -g @vue/[email protected](指定版本安装【指定版本为3.0以上版本】,其中3.11.0为版本号)
————————————————

Guess you like

Origin blog.csdn.net/weixin_46353030/article/details/119968082