Aid Learning0.87F3安装vue.js

以下安装是在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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值