首页 > 其他 > 详细

vue项目创建

时间:2019-12-28 18:04:38      阅读:82      评论:0      收藏:0      [点我收藏+]

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/,项目启动成功

技术分享图片

vue项目创建

原文:https://www.cnblogs.com/panzai/p/12112055.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!