Linux 前端从零搭建项目 - Vue 篇 - 一 初始化一个项目

最新推荐文章于 2021-12-21 14:53:40 发布
最新推荐文章于 2021-12-21 14:53:40 发布
阅读量105 收藏
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_My_first_CSDN/article/details/114977306
版权

安装基本依赖

  • npm
  • vue-cli
  • 设置淘宝源
npm config set registry https://registry.npm.taobao.org

创建项目

  • 选择项目创建的路径, 例如我的文件夹是 /home/yy/Documents/mine/
  • 到目标文件夹下执行 vue init webpack demo, demo 为项目名称
  • 创建过程中根据需要选择依赖
  • 创建完成后在 demo 文件夹(cd demo)下安装依赖 npm install
  • 启动 npm run dev, 浏览器打开 http://localhost:8080/#/就会出现欢迎页面啦
    在这里插入图片描述
h_My_first_CSDN
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
centos7 Linux服务器搭建 部署若依 SpringBoot+Vue前后端分离项目 安装配置Mysql Redis Java Nginx
qq_43193513的博客
11-09 1088
主要的Nginx配置文件位于/etc/nginx/nginx.conf，默认网站的配置文件位于/etc/nginx/conf.d/default.conf。​ 遇到报错：rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022。​ yum -y remove java-1.8.0-openjdk* #卸载所有java-1.8.0-openjdk。​ yum install -y java-1.8.0-openjdk* 安装需要的版本。
Vue开发环境搭建及创建运行一个简单的vue项目
qq_52655865的博客
03-19 2581
VUE是用于构建用户界面的。
VUE项目初始化步骤命令
许魁的博客
01-02 8407
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令...
打造前端 Deepin Linux 工作环境——安装系统
FungLeo's Blog
11-03 9946
打造前端 Deepin Linux 工作环境——安装系统为什么选择 Deepin Linux 系统在 linux 操作系统的选择上，我个人不喜欢太花里胡哨的东西。曾经一度认为 linux 系统只应该跑在服务器上。但是 arch linux 改变了我的看法。可以作为一个很好的桌面系统的使用。在公司内部推广 Arch 的时候，还是遇到了一定的困难，虽然同事们都使用该操作系统工作，但是对于不能跑 qq 和
Linux系统安装Vue环境并启动服务
fhp123的博客
12-21 8117
Linux安装nodejs npm包管理器 安装cnpm国内资源镜像 安装vue-cli脚手架构建工具 用vue-cli构建项目 一、Linux安装nodejs 安装环境 本机系统：CentOS Linux release 7.9.2009 (Core) Node.js：v16.13.1（包含npm 8.1.2版本） （1）获取node.js安装包 Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/ （2）Linux 上安装 Node.js.
linux-Laptop一个用于为Web和移动开发的搭建一个macOSlaptop的shell脚本
08-13
Linux开发对于许多Web和移动开发者来说是一个不可或缺的平台，因为它提供了强大的命令行工具和开源软件生态。`Laptop`是一个shell脚本，旨在简化在macOS笔记本电脑上配置开发环境的过程。这个脚本包含了安装和配置一...
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
09-14
本教程将详细讲解如何将一个使用SpringBoot作为后端、Vue.js作为前端的项目部署到Linux服务器上。我们将探讨Vue项目的打包、Express作为静态文件服务器以及SpringBoot项目的部署。 **Vue 项目打包与部署** 1. **...
VueCli3的深入理解和项目示例
08-12
在项目示例 `vue-cli3-test-master` 中，我们可以看到一个标准的 Vue CLI 3 初始化项目结构，包括源码目录(`src`)、配置文件(`vue.config.js`)、测试文件(`tests`)以及项目依赖(`package.json`)等。通过这个项目，...
以DonetCore+vue+Element搭建的简单框架
09-30
1. 初始化项目：使用Visual Studio 2019创建一个新的ASP.NET Core Web应用，选择MVC模板，并设置.NET Core为运行时环境。 2. 配置Vue.js：在项目的前端部分，我们需要安装Vue.js和Element-UI。这可以通过npm（Node ...
linux环境下做前端开发环境,在docker的Linux容器搭建前端开发环境
weixin_42625070的博客
05-04 626
随着开发的深入，前端开发已经不局限于简单的本地开发坏境的搭建与调试。运维方面，目前的服务器使用的基本上都是linux系统，了解下Linux系统原理与一些常用的配置和指令，对我们的开发和部署以及排除线上bug都有不小的帮助。本文的目的就是通过安装前端开发的环境来熟悉linux的一些指令和环境。说搞就搞，话说启动之前得有个docker的环境吧，docker环境搭建请移步docker官网开始配置：一、安...
前端开发程序员的Linux技术学习之路
wxl1986622的专栏
05-19 1974
前端开发程序员的Linux技术学习之路 2016-05-05 11:38:59 次阅读 次推荐 稿源：linuxprobe 条评论 感谢刘遄的投递 本人程序员一枚，主攻WEB前端开发，兼修Linux运维大道，自己作一名前端开发者，我对Linux系统也有着很深的兴趣和好奇心，于是自然有了一些钻 研的动力。从实用性出发，或许之后的开发路上并不会有机会深入接
ubuntu下vue.js环境搭建初始化项目
孟林洁的博客
08-13 5274
ubuntu 下 vue.js环境搭建及初始化项目
Linux 下搭建Vue开发环境
热门推荐
dingpeiqiang的博客
02-21 2万+
node.js安装 Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。 Vue项目通常通过webpack工具来构建，而webp...
linux环境 前端开发环境搭建,Linux运维知识之linux 前端环境搭建
weixin_36221113的博客
05-05 1616
本文主要向大家介绍了Linux运维知识之linux 前端环境搭建，通过具体的内容向大家展现，希望对大家学习Linux运维知识有所帮助。1.下载node.js2.在linux里使用wget命令wgethttps://nodejs.org/dist/latest-v6.x/node-v6.12.3-linux-x64.tar.gz3.解压缩tar-xzvfnode-v6.12.3-linux-...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
最新发布
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
基于Springboot和Vue的生鲜超市管理的设计与实现源码 生鲜超市管理的设计与实现代码（优秀毕业设计）
07-24
生鲜超市管理的设计与实现源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
Vue-cli快速搭建：从零到一构建Web前端项目
Vue-cli是Vue.js社区广泛使用的工具，它是一个命令行界面工具，用于快速初始化和构建Vue.js项目。Vue-cli的核心优势在于其自动化配置，使得开发者无需手动设置构建工具，就能享受到现代前端工作流的便利。通过Vue-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值