博客
关于我
Aid Learning0.87F3安装vue.js
阅读量:258 次
发布时间: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

你可能感兴趣的文章
从零构建通讯器--4.4-4.5信号在创建线程的实战作用、write函数写入日志设置成不混乱、文件IO详解
查看>>
从零构建通讯器--5.2三次握手,telnet,wireshark
查看>>
关于信号的截断备忘录
查看>>
从零构建通讯器--5.6 通讯代码精粹之epoll函数实战1(连接池)
查看>>
Ubuntu命令行C++编译链接第三方库及命名空间
查看>>
为什么vs中的地址值是顺序相反的?
查看>>
如何判断两个浮点数是否相等?
查看>>
什么是地址?
查看>>
2019徐州网络赛K XKC's basketball team(结构体排序+二分+RMQ)
查看>>
POJ - 3984 迷宫问题(bfs+路径标记)
查看>>
HDU - 1114 Piggy-Bank(dp_完全背包)
查看>>
2017ccpc杭州 E. Master of Subgraph(点分治 + 树dp + bitset)
查看>>
HDU - 4597 Play Game (博弈 + 区间dp)
查看>>
Educational Codeforces Round 99 (Rated for Div. 2)(A-E)
查看>>
2021牛客寒假算法基础集训营3
查看>>
codeforces1485D.Multiples and Power Differences(思维)
查看>>
C++ | 虚拟地址空间
查看>>
int 越界处理
查看>>
Linux-调试器(gdb)、make&&makefile、git操作(图文并茂)
查看>>
营收环比增幅近50%,星巴克在经历“劫”后重生吗?
查看>>