Aid Learning0.87F3安装vue.js
发布日期:2021-05-04 17:59:46 浏览次数:11 分类:技术文章

本文共 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

上一篇:AidLearning0.87F3安装Python3.8
下一篇:Aid Learning 0.87F3安装gym与更换pip源

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年03月13日 18时01分13秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

2021年T电梯修理考试技巧及T电梯修理模拟考试软件 2019-03-03
2021年电工(初级)考试及电工(初级)报名考试 2019-03-03
2021年R2移动式压力容器充装考试题及R2移动式压力容器充装找答案 2019-03-03
2021年高处安装、维护、拆除考试资料及高处安装、维护、拆除证考试 2019-03-03
2021年电工(初级)考试及电工(初级)证考试 2019-03-03
2021年安全员-B证-项目负责人(广东省)新版试题及安全员-B证-项目负责人(广东省)考试试卷 2019-03-03
2021年R2移动式压力容器充装考试总结及R2移动式压力容器充装模拟考试 2019-03-03
2021年安全员-B证(山东省)找解析及安全员-B证(山东省)考试总结 2019-03-03
2021年安全员-B证(山东省)考试APP及安全员-B证(山东省)考试技巧 2019-03-03
2021年安全员-A证-主要负责人(广东省)复审考试及安全员-A证-主要负责人(广东省)操作证考试 2019-03-03
2021年安全员-A证(山东省)考试题及安全员-A证(山东省)报名考试 2019-03-03
2021年G1工业锅炉司炉考试报名及G1工业锅炉司炉模拟考试题库 2019-03-03
2021年G1工业锅炉司炉考试报名及G1工业锅炉司炉模拟考试题库 2019-03-03
2021年安全员-B证(山东省)考试内容及安全员-B证(山东省)模拟考试题 2019-03-03
2021年高压电工考试题库及高压电工找解析 2019-03-03
从xx离职随笔 2019-03-03
大数据学习之Spark——00Spark项目的pom.xml文件 2019-03-03
大数据学习之Spark——01Spark概述 2019-03-03
大数据学习之Spark——03Spark代码初体验(Word Count) 2019-03-03
LeetCode0234. 回文链表 2019-03-03