安装最新的 Vue-cli(目前是Vue-cli3 及以后)
此文章作笔记,不是教程,看不懂的可以多百度
本文参考自https://jingyan.baidu.com/article/2009576178781d8a0621b444.html
1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)
2.安装Vue-cli
命令行输入"npm install -g @vue/cli
" 回车
第一次安装会报错,有可能是npm没有配置国内镜像,国外的仓库总是不容易拉取的,换一下国内的镜像。
命令行输入"npm -g cnpm --registy=https://registry.npm.taobao.org
"回车使用淘宝镜像
然后回到上一步进行Vue脚手架安装
新建Vue项目
3.创建Vue项目
命令行输入"vue create my-project
" my-project是项目名称,取自己要的,回车。接下来使用默认的预置babel和eslint即可,前者是一个 JavaScript 编译器,后者是一个代码格式约定。
4.运行项目
然后进入项目目录,使用"npm run serve
"运行项目。将返回的地址在浏览器中打开,会出现以下页面
如果运行别人的项目返回的地址不一定为http://localhost:8080,可手动改。
我运行的有http://localhost:0.0.0.0.8080
。
手动改为http://localhost:8080
也可以成功打开
可以修改运行项目后默认打开开浏览器,和在修改host 0.0.0.0
为啥要设置host 0.0.0.0呢,又研究了一番,如此设置是为了在局域网能够让其他机器通过ip访问本机,否则其他机器无法访问。
具体看这篇文章
https://www.jianshu.com/p/aa2a8368375d