文章目录

  • 一、npm的安装
  • 二、cnpm的安装
  • 四、Vue的安装
  • 五、快速搭建大型单页应用
  • 六、运行截图

开发环境:Ubuntu 20.0.4

一、npm的安装

sudo apt install npm

二、cnpm的安装

  1. 安装命令:
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 查看版本:
npm -v

3.升级 npm

sudo cnpm install npm -g

4.升级或安装 cnpm

sudo npm install cnpm -g

四、Vue的安装

cnpm install vue

五、快速搭建大型单页应用

  1. 全局安装 vue-cli
sudo cnpm install --global vue-cli
  1. 创建一个基于 webpack 模板的新项目
sudo vue init webpack my-project
  1. 安装并运行

a.进入项目

cd my-project

b.安装项目

sudo cnpm install

c.运行项目

cnpm run dev

六、运行截图

 DONE  Compiled successfully in 4494ms                                                                               下午1:10:16I  Your application is running here: http://localhost:8080

浏览器访问:

【Linux】快速搭建一个基于Vue的大型单页应用相关推荐

  1. 如何快速搭建一个基于FengMap的地图导航应用?

    蜂鸟视图自成立以来就专注于提供从地图数据生产.地图编辑运维.地图应用开发的全流程专业技术产品与服务.长期的市场考验与技术迭代升级,产品功能接口较全面,性能表现优异. 日前,蜂鸟视图正式向海内外开发者用 ...

  2. 使用webpack4搭建一个基于Vue的组件库

    组内负责的几个项目都有一些一样的公共组件,所以就着手搭建了个公共组件开发脚手架,第一次开发 library,所以是参考着 iview 的配置来搭建的.记录如何使用webpack4搭建一个library ...

  3. html5快速开发模板生成器,推荐一个基于Vue 的 H5 快速开发模板

    本项目以基于 vue-cli4 和 Vant-ui 搭建的,进行移动端开发中的一些最佳实践方案 模板地址 动动你的小手点颗star 样式适配 在移动端网页开发时,样式适配始终是一个绕不开的问题.对此目 ...

  4. go html vue,用Go+Vue.js快速搭建一个Web应用(初级demo)

    Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开 ...

  5. test.php创建,基于phpstudy简单快速搭建一个php程序

    原标题:基于phpstudy简单快速搭建一个php程序 人人都是程序员,希望在零碎的阅读时间里,给您一些技术提升. 1 安装phpstudy 通过以下链接download.csdn.net/downl ...

  6. windows和Linux利用Python快速搭建一个网站

    windows和Linux利用Python快速搭建一个网站 一.windows 步骤1:安装Python3(自行百度) 步骤2:在cmd窗口输入ipconfig查看本机ip地址,IPV4那一行.如:1 ...

  7. 如何快速搭建一个 linux 全方位资源监控系统并带有炫酷的表盘图形统计?

    如何快速搭建一个 linux 全方位资源监控系统并带有炫酷的表盘图形统计? 使用prometheus.grafana或者zabbix 这些监控软件,也是非常不错的一个选择,但是还有更简单.更小巧的统计 ...

  8. 基于halo快速搭建一个属于你自己的博客网站

    基于halo快速搭建一个属于你自己的博客网站 公众号 前置条件 JDK安装 下载halo配置文件 下载halo的启动jar 验证启动 公众号 前置条件 首先你需要有一台自己的服务器,比如你去各类云上面 ...

  9. 2 小时快速搭建一个高可用的 IM 系统

    知道的越多,不知道的就越多,业余的像一棵小草! 编辑:业余草 来源:https://www.xttblog.com/?p=4994 本文快速搭建的 IM 系统也是使用 Go 语言来快速实现的,这里先和 ...

最新文章

  1. 深度学习--TensorFlow (2)单层感知器2 -- 实现多数据分类
  2. linux du -hd1查看文件及目录所占磁盘空间
  3. Mysql 死锁过程及案例详解之元数据锁MetaData Lock
  4. C# 多线程之List的线程安全问题
  5. 数据库树状结构的关系表的删除方案
  6. 数据中心两种常用流量模型运用mininet的实现
  7. 20145315 《信息安全系统设计基础》第14周学习总结
  8. 删除按钮_汪涵拜师学艺第七篇:往来单位查询删除按钮和新增判断的设计!
  9. 售价150万的“AI老婆”,上市仅1小时就被抢光
  10. 解决 RaspberryPi 树莓派 NTP服务异常 无法自动同步时间
  11. XAF应用开发教程(七)外观控制模块
  12. 代码版本控制用SVN还是Git好?
  13. 【GPT2】Language Models are Unsupervised Multitask Learners
  14. Excel如何合并单元格
  15. ubuntu终端挂代理办法
  16. 度小满启动“小微加油站”,让低息服务可持续
  17. 怎么设置页眉或者页之间相互独立编写
  18. k8s(八):核心技术helm
  19. arduino红外对管
  20. 【PHP】Maximum execution time of seconds exceeded

热门文章

  1. IndexOptions类说明
  2. Linux常用压缩和解压命令
  3. springmvc与mybatis整合之实现商品列表
  4. 拓扑排序 详解 + 并查集 详解 + 最小生成树详解
  5. 阿里巴巴大数据实践:OneData模型实施介绍
  6. 景区门票系统上云 低成本、安全性高
  7. 基于TensorFlow.js的JavaScript机器学习
  8. 2019阿里云开年Hi购季云通信分会场全攻略!
  9. 使用Jenkins+Sonarqueb进行自动化测试和代码质量检测
  10. 瑞欧威尔联合创始人兼CEO 李波博士:“工业元宇宙”是为了更好赋能实体经济