vue项目创建与启动

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

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

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

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

4.若安装失败，出现错误如下：

根据提示，去查找日志。

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

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

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

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

10.在vscode打开freemall.

11.启动成功：

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

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

（1）先进入文件夹。

（2）进入项目。

（3）输入启动命令nmp run dev,.

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

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