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/即可启动。