1.安装node.js(去官网)

2.使用cmd,输入node -v查看是否安装成功

输入npm -v查看npm是否安装成功

3.安装全局vue:cmd中输入:npm install -g @vue/cli,回车。

4.若安装失败,出现错误如下:

vue项目创建与启动

根据提示,去查找日志。

5。经过查看日志发现以下error,

vue项目创建与启动

 

6.解决办法是(1)清除缓存,输入命令

npm cache clean --force

(2)重新安装npm,输入命令

npm install npm@latest -g

7.再安装vue cli(脚手架),输入命令

npm install -g @vue/cli

8.安装成功后创建vue项目

在桌面新建一个文件夹,例project_vue

vue项目创建与启动

 

project_vue是项目所在目录, freemall为我们创建的项目名称

9.启动项目,按照提示启动。

vue项目创建与启动

 

 

10.在vscode打开freemall.

11.启动成功:

vue项目创建与启动

 

 12.打开浏览器,访问http://localhost:8080/,项目启动成功

vue项目创建与启动

13.对于已创建的vue项目如何启动

(1)先进入文件夹。

vue项目创建与启动

 

(2)进入项目。

vue项目创建与启动

 

(3)输入启动命令nmp run dev,.

vue项目创建与启动

 

(4)若报如上错误,则输入npm run serve启动项目。

vue项目创建与启动

 

(5)浏览器输入http://localhost:8080/即可启动。

vue项目创建与启动

相关文章:

  • 2022-01-09
  • 2021-12-31
  • 2021-08-20
  • 2022-12-23
  • 2021-07-23
  • 2021-09-23
  • 2021-04-30
猜你喜欢
  • 2021-07-08
  • 2021-12-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-07
  • 2021-10-27
相关资源
相似解决方案