博客
关于我
Aid Learning0.87F3安装vue.js
阅读量:263 次
发布时间:2019-03-01

本文共 831 字,大约阅读时间需要 2 分钟。

以下安装是在home目录下进行的,也可以切换到/usr/bin,或者需要安装的目录中再执行下面的步骤

1、Aid Learning0.87F3默认的npm与nodejs的版本
在这里插入图片描述
2、安装cnmp(由于有些npm资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm),WARN警告可以忽略,也可以升级cnmp对应的版本,npm install -g cnpm --registry=http://registry.npm.taobao.org
在这里插入图片描述
3、安装vue:cnpm install vue
在这里插入图片描述
4、全局安装 vue-cli,注意一定要是全局,cnpm install --global vue-cli,下面报错可以忽略,解决方案可以查看github
在这里插入图片描述
5、创建一个基于 webpack 模板的新项目,vue init webpack my-project(有经验和需求可以自行配置,如果没有一直按回车即可),过程中的警告可以暂时忽略,后面有需要再去github上面一一对应解决。
在这里插入图片描述
6、进入到目录文件中,cd my-project
在这里插入图片描述
7、安装cnpm install
在这里插入图片描述
8、配置端口,通过finder找到文件index.js,在vue的安装路径下面,这里的安装路径是/home/my-project/config/index.js。将下图红色的host改为0.0.0.0,port改为9083,避免端口冲突,0.0.0.0可以在任意ping通手机的终端浏览器访问。
在这里插入图片描述
9、执行cnpm run dev
在这里插入图片描述
10、在电脑端输入,http://192.168.110.144:9083/,这里的ip地址替换成手机的IP地址
在这里插入图片描述
在自己的手机浏览器中可以输入http://localhost:9083
在这里插入图片描述

更多详细内容可以参考这篇文章https://blog.csdn.net/u010450931/article/details/102746082

你可能感兴趣的文章
Android—— log.e(),log.d(),log.i()等的区别
查看>>
js中时间戳转时间格式
查看>>
位运算
查看>>
MarkDown
查看>>
nginx 配置实例 - 反向代理(1)
查看>>
c++ 函数化 面向对象
查看>>
【无需额外安装插件】vscode 同步插件、设置、UI状态 | 超简单方法
查看>>
【unity shader 入门精要】CH2 渲染流水线
查看>>
【unity shader 入门精要】CH7 基础纹理
查看>>
java学习笔记6:windows、linux安装配置jdk
查看>>
java学习笔记24:文档注释与代码块
查看>>
java学习笔记31:Arrays类介绍使用
查看>>
java学习笔记36:Integer的基本方法
查看>>
java并发学习2:线程的应用
查看>>
java并发学习20:park与unpark
查看>>
java并发学习24:固定运行顺序模式
查看>>
html5学习9:HTML5文档结构详解
查看>>
介绍一个不错的分析客户价值的模型RFM
查看>>
SpringMVC---使用
查看>>
2.2.4 加减法运算和溢出判断更换
查看>>