首页 > 其他 > 详细

【最新】在使用Vue-cli安装遇到的问题解决方法

时间:2020-06-15 11:47:39      阅读:40      评论:0      收藏:0      [点我收藏+]

1.安装nodejs全局安装vue-cli

一开始使用nodejs安装vue-cli的时候,默认下载地址都是在国外,我们是在国内,npm安装的速度和下载的时候可能会出问题,所以我现在用cnpm 安装具体安装

1 $ npm install -g cnpm --registry=https://registry.npm.taobao.org

 

如果第一次安装失败,可以使用 npm cache clean 清理缓存,然后重新安装,使用 cnpm -v 查看是否安装成功

cnpm安装vue-cli和webpack

cnpm install -g vue-cli

安装完vue命令环境后,我们测试是不是安装成功,直接 vue -version

vue-cli提供了几个模板给开发者用于不同类型的项目,我们可以通过vue list 查看

2.初始化项目,生成项目模板

vue init webpack demovue init 模板名称 + 项目名字;意思是,首先我们选择webpack的模板还有demo作为项目名字

vue init webpack demo

  

接着选择相应的选项,例如项目名称,开发者,我是直接按Enter就默认

3.运行

然后我们可以看到那个命令行提示消息如下:

To get started:
  cd demo
  npm run dev

所以安装提示操作,运行这个项目只要用cd命令进入这个文件夹,然后run一下就可以了

之后会出现如下提示:

Your application is running here: http://localhost:8080

demo项目已经运行在8080端口了,现在我们打开浏览器输入http://localhost:8080就可以看到效果。

【最新】在使用Vue-cli安装遇到的问题解决方法

原文:https://www.cnblogs.com/shanwei/p/13129616.html

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