Ubuntu下搭建VUE环境

最新推荐文章于 2023-07-17 18:32:24 发布
最新推荐文章于 2023-07-17 18:32:24 发布
阅读量387 收藏
点赞数
分类专栏： 前端框架 文章标签： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34879894/article/details/96897103
版权

下载nodejs环境工具
安装环境
运行代码

nodejs安装
百度搜索nodejs官网
  1. 查看是否安装完成
node --version/node -v
  2. List item
配置环境安装包
  1. npm转换成cnpm
    http://npm.taobao.org/
  2. 安装环境包
cnpm install
  1. 运行环境
cnpm run dev

若系统环境出现问题，去掉node_modeules,重新生成一下

xuCoser
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue项目部署到服务器（ubuntu）
天天向上
03-12 3828
Vue 1.在服务器安装nodejs和npm，打开服务器的terminal。 sudo apt-get install nodejs sudo apt install nodejs-legacy sudo apt install npm 2.设置镜像源 sudo npm config set registry https://registry.npm.taobao.org sudo npm config list 打开vscode，右击项目，Open in Integrated Terminal，输入
Ubuntu环境搭建
EwanRenton
07-26 214
layout: post title: "Ubuntu环境搭建" date: 2016-05-12 14:58:33 +0800 comments: true categories: 在经历上次把Centos玩坏的经历过后，我还是回到Ubuntu吧。毕竟这个环境配置，软件安装都要简单得多0 0. 重新下了一个Ubuntu 12.04.5 LTS 。 在虚拟机中装好了系统过后出现了一个问题，...
Ubuntu服务器上部署Vue项目
Lyy1991Wdl的专栏
06-13 3042
Ubuntu 虚拟机上使用nginx 代理部署Vue项目
虚拟机Ubuntu18.04搭建vue环境，安装node，npm，cnpm
咸鱼翻身之路
09-01 1200
Ubuntu18.04搭建vue环境
Vue项目部署到服务器(ubuntu)
赤蓝紫の博客
01-02 3374
Vue项目部署到服务器(ubuntu) 工具：WinSCP、PuTTy(可能不是专业的工具，是本人上操作系统的课用到的软件，直接用来部署了) 打包项目，npm run build 执行npm run build命令后，会生成一个dist文件夹。 这一步如果得不到预期的结果，可以把vue.config.js文件中的publicPath节点变为’./’，如果不存在，则新建文件 把项目文件放到服务器上 用WinSCP登录服务器后，理论上直接把本地的文件直接拖过去，就能复制过去了。但是ubuntu没有ro
Ubuntu16.04 安装 搭建vuejs开发环境
otorain的博客
09-09 2251
Ubuntu16.04 安装 搭建vuejs开发环境1. 安装npm sudo apt-get install npm 2. 安装淘宝镜像，因为npm的源是国外的，有时候会比较慢 npm install -g cnpm –registry=https://registry.npm.taobao.org 3. 此时运行 cnpm-v 报错，提示 /usr/bin/env:node: 没有那个
Ubuntu下搭建MPI环境
码农的专栏
11-28 1671
0.搭建环境 win7（x86）+VM+ubuntu 12.04（x86）+openmpi 1.6.5 1.官网下载openmpi（http://www.open-mpi.org/software/ompi/v1.6/），有多种格式，.tar.bz2/.tar.gz/src/rpm等，根据自己的习惯选择，我在这里选的是openmpi-1.6.5.tar.gz。其中还提供了Cygwin版本，共大
Django个人博客搭建教程—使用Ubuntu+Nginx部署你的Vue应用
01-09
/etc/nginx/nginx.conf添加这一段 server { listen 8090; ... ... root /home/MyBlog/myblogfront/dist;...root表示vue项目build后生成的dist目录，里面有static和index.html两个文件 在vue工程下，我这里是myb
基于 vue-cli 2 实现，window环境下支持项目一键部署到 Ubuntu 服务器
最新发布
10-09
总结一下，本文主要介绍了如何在 Windows 环境下，使用 Vue CLI 2 创建的项目，通过配置 `vue.config.js` 文件、打包生成的 `dist` 目录、WinSCP 脚本以及 Windows 批处理文件，实现一键部署到 Ubuntu 服务器的过程...
1_搭建开发环境.zip
10-25
在开发环境中，最常见的选择是Linux（如Ubuntu、Debian等）、macOS和Windows。Linux因其开源、稳定性和强大的命令行工具而受到许多开发者的喜爱；macOS则以其优秀的用户体验和与Unix系统的兼容性而受到苹果粉丝的...
详解vue-cli快速构建vue应用并实现webpack打包
08-28
通过学习Vue CLI的使用，开发者可以更快地搭建和管理Vue应用，并且能够利用Webpack的强大功能进行高效打包。对于想要深入理解Vue和Webpack的开发者，阅读Vue官方文档和Webpack的官方指南是必不可少的步骤。
Vue系列第一篇：Ubuntu下搭建Vue开发环境，开发第一个程序并部署
hsy12342611的专栏
07-17 2444
Ubuntu下搭建Vue开发环境，开发第一个程序并部署
vue3在Ubuntu18.04桌面版环境搭建
m0_71126733的博客
04-03 455
一、一、不行的话可以试试其他方法二、三、四、
Ubuntu 20.04 快速搭建Vue开发环境
weixin_46041797的博客
03-13 2615
Ubuntu 20.04 快速搭建vue开发环境
Ubuntu安装vue环境
tdjqqq的博客
04-07 4217
1 安装vmware（VMware Workstation v16.1.1），并且安装好ubuntu（本人下载的版本：ubuntu-21.04-beta-desktop-amd64），此处自行查找。安装好系统后，并设置root密码（第一次切换，请注意root密码设置），此处自行查找方法。 2 在桌面处打开终端（快捷键：ctrl+alt+t）,切换成root用户，命令：su root linux安装软件命令： 普通用户（登录用户）：sudo apt-get install包名/软件包名 root用户.
ubuntu20:04 配置vue运行环境，一步一步来就行
Carpe_1的博客
03-10 319
【代码】ubuntu20:04 配置vue运行环境，一步一步来就行。
Ubuntu系统搭建Vue环境
weixin_45326892的博客
02-27 1235
1.安装node # 安装node sudo apt-get install nodejs # 查看node是否安装成功 node -v 2.安装npm # 安装npm sudo apt-get install npm # 安装vue-cli到全局安装到系统环境中 sudo npm install -g vue-cli # 验证npm安装成功 npm -v ...
在Ubuntu下部署Vue环境(非常详细流程)
sinat_33384251的博客
06-20 9297
https://www.cnblogs.com/asterism-2012/p/10177345.html sudo apt update sudo apt-get update sudo apt-get install nodejs # 下载nodejs sudo apt-get install npm #下载npm,它是nodejs的包管理器（nodejs pa...
Linux下Vue开发环境搭建一篇全搞定
热门推荐
FormulaRoom的博客
06-29 4万+
本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程，包括vue的安装，webstorm 安装配置，devtools的安装。注：使用的linux的系统版本为Ubuntu16.04（64位） 1.安装nodejs 从nodejs官网(http://nodejs.cn/download/)下载安装包解压到相应的文件夹 tar -xvf node-v8.1.2-linux-x64.tar.xz
ubuntu vue环境搭建
09-11
在Ubuntu上搭建Vue环境，可以按照以下步骤进行操作: 1. 首先，更新软件源和软件列表，可以在命令行中输入以下命令来完成： sudo apt update 2. 安装Node.js，可以在命令行中输入以下命令来完成： sudo apt install nodejs 3. 检查Node.js的版本，可以在命令行中输入以下命令来完成： node -v 4. 安装npm (Node包管理器)，可以在命令行中输入以下命令来完成： sudo apt install npm 5. 检查npm的版本，可以在命令行中输入以下命令来完成： npm -v 6. 由于npm的下载速度较慢，建议安装cnpm (淘宝镜像的npm)，可以在命令行中输入以下命令来完成： sudo npm install -g cnpm --registry=https＊＊＊pm -v 8. 安装Vue脚手架工具vue-cli，可以在命令行中输入以下命令来完成： sudo cnpm install -g vue-cli 9. 检查Vue的版本，可以在命令行中输入以下命令来完成： vue -V 10. 创建Vue项目，可以在命令行中输入以下命令来完成： sudo vue init webpack demo 11. 进入项目文件夹，可以在命令行中输入以下命令来完成： cd demo 12. 安装项目依赖，可以在命令行中输入以下命令来完成： sudo cnpm install 13. 运行项目，可以在命令行中输入以下命令来完成： sudo npm run dev 至此，你的Vue环境已经搭建完成。你可以通过访问项目的地址来查看项目。请注意，这个地址只能在你的电脑上进行访问。如果你想要在服务器上部署Vue项目以便外网访问，请参考相关教程。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值