ubuntu安装vue环境

最新推荐文章于 2025-05-23 14:09:45 发布

wp3524

最新推荐文章于 2025-05-23 14:09:45 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/wp3524/article/details/114604204

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何通过命令行在Linux环境下安装Node.js、npm及Vue.js开发环境，并配置国内镜像加速，最后演示创建并运行一个Vue.js项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

sudo apt update
sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm
sudo npm config set registry http://registry.npm.taobao.org 设置国内资源镜像
sudo npm install npm -g
sudo npm install -g cnpm --registry=http://registry.npm.taobao.org
sudo cnpm install vue -g
sudo cnpm install @vue/cli -g
sudo cnpm install webpack -g

新建项目

vue create vuedemo
cd vuedemo
cnpm run serve

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wp3524

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

极智开发 | ubuntu 安装 vue 与工程创建

极智视界

03-29

2981

大家好，我是极智视界。本文介绍了 ubuntu 安装 vue 与工程创建方法。

Ubuntu安装vue/cil(vue脚手架)

weixin_66062303的博客

02-15

764

安装脚手架vue-cli

参与评论您还未登录，请先登录后发表或查看评论

vue环境安装

magickingc的博客

08-10

414

Ubuntu 20.04 系统下，vue环境搭建

ubuntu 搭建VUE环境

最新发布

aggie4628的专栏

05-23

412

mark一下Ubuntu 下VUE的运行，供大家参考。

Ubuntu安装vue环境

tdjqqq的博客

04-07

4645

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用户.

ubuntu安装vue

Efficiency9的博客

06-01

3937

需要nodejs 我的电脑已经安装nodejs，但是我需要把它升级到最新稳定版 node有一个模块叫n，是专门用来管理Node.js的版本的。首先安装n模块 npm install-g n 第二步，升级 n stable 安装vue sudo npm install -g vue 安装vue-cli 命令行工具 npm install -g vue-cli 创建一个基于 webpack

Ubuntu系统搭建Vue环境

weixin_45326892的博客

02-27

1366

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 ...

Vue系列第一篇：Ubuntu下搭建Vue开发环境，开发第一个程序并部署

hsy12342611的专栏

07-17

4031

Ubuntu下搭建Vue开发环境，开发第一个程序并部署

ubuntu18.04 搭建vue3环境

fly_vip的博客

07-05

3829

1、安装node npm 安装方式根据网上查看分两种，一种在官方自己下载安装；另一种在线安装直接百度就可以更新源 sudo apt-get update 安装node sudo apt-get install nodejs 查看node版本 nodejs -v node --version npm 安装下载 sudo apt-get install npm 安装淘宝镜像---cnpm下载 sudo npm install -g cnpm --r...

Ubuntu下Django-vue开发-Vue环境配置

qq_46181653的博客

08-21

374

文章目录环境配置环境配置在Ubuntu下部署Vue开发环境(详细流程) ubuntu系统下vue前端开发环境搭建

UBUNTU 2204 安装 npm node nodejs vue-Cli脚手架并创建项目

kidylong的博客

03-23

734

最近学习VUE，在ubuntu 2204 上配置开发环境，涉及到npm node nodejs vue-Cli脚手架等内容，做以记录。

ubuntu20.04 node.js安装 + 创建Vue应用过程记录

scongx的博客

07-02

575

ubuntu20.04 node.js安装 + 创建Vue应用过程记录

Linux | ubuntu VUE环境搭建

wangyu233的博客

05-30

813

【代码】Linux | ubuntu VUE环境搭建。

Ubuntu下搭建VUE环境

不完美中的完美

07-22

491

下载nodejs环境工具安装环境运行代码 nodejs安装百度搜索nodejs官网查看是否安装完成 node --version/node -v List item 配置环境安装包 npm转换成cnpm http://npm.taobao.org/ 安装环境包 cnpm install 运行环境 cnpm run dev 若系统环境出现问题，去掉node_m...

ubuntu部署vue项目（不使用docker）

weixin_45326523的博客

07-07

1525

不使用docker部署vue项目

Vue.js学习入门(一) Vue的安装(ubantu环境下)

KobeHoo的博客

02-27

944

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。npm是Node.js 的包管理器，是全球最大的开源库生态系统。1.检查node是否已安装终端输入 node -v 如果输出版本号,说明node环境已安装;2.如果没有安装,可以参考菜鸟教程上的安装教程:http://www.runoob.com/nodejs/nodejs-install-setup.htm...

ubuntu下vue项目构建工具安装小笔记

qq_42018705的博客

04-09

1822

1、克隆到本地：git clone https://gitee.com/mirrors/nvm 本地地址。下载包过慢时，可能需要切换到第三方源（例如：淘宝、科大...），还有公司私有源地址等等。# 安装过程中，因为国外服务器的原因，所以如果失败就执行多几次吧。第四，选择路由Router的路由模式，问我们是否使用历史状态管理模型，就是路由没有。安装过程因为需要联网，所以如果出现网络安装失败，则重新安装多次。第二，选择项目依赖文件。第七，EsLint和Babel的配置是否保存一块，选择第二个选项。

ubuntu22.04安装vue

公子小杰的博客

02-07

1100

【代码】ubuntu22.04安装vue。

ubuntu的vue安装

04-18

### 在 Ubuntu 上安装 Vue.js #### 1. 安装 Node.js 和 npm Vue.js 是基于 JavaScript 构建的框架，因此需要先安装 Node.js 和 npm（Node Package Manager）。以下是具体步骤：更新系统的包索引： ```bash sudo apt update ``` 使用以下命令安装 NodeSource 存储库并设置 Node.js 版本为 16.x[^1]： ```bash curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - ``` 接着安装 Node.js： ```bash sudo apt-get install -y nodejs ``` 验证安装是否成功： ```bash node -v && npm -v ``` 这一步会返回已安装的 Node.js 和 npm 的版本号[^1]。 #### 2. 全局安装 Vue CLI Vue CLI 是官方提供的脚手架工具，用于快速搭建现代 Web 开发环境。通过 npm 全局安装 Vue CLI： ```bash npm install -g @vue/cli ``` 确认 Vue CLI 是否安装成功： ```bash vue --version ``` 如果能正常输出版本号，则说明安装成功[^5]。 #### 3. 创建 Vue 项目初始化一个新的 Vue 项目，假设项目名称为 `my-vue-app`： ```bash vue create my-vue-app ``` 在交互式界面中可以选择预设配置或手动选择特性。如果不熟悉这些选项，可以直接按回车键接受默认配置[^5]。进入项目目录并安装依赖项： ```bash cd my-vue-app npm install ``` 启动开发服务器： ```bash npm run serve ``` 打开浏览器访问 `http://localhost:8080` 即可查看运行效果。 #### 4. 推荐的项目结构为了保持项目的清晰性和可维护性，建议按照以下结构组织代码[^3]: ``` my-vue-project/ ├── public/ # 静态资源目录 │ ├── index.html │ └── favicon.ico ├── src/ # 源代码目录 │ ├── assets/ # 静态资源 │ ├── components/ # 公共组件 │ ├── router/ # 路由配置 │ ├── store/ # 状态管理 │ ├── views/ # 页面视图 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── .env # 环境变量配置 ├── .gitignore # Git忽略文件 ├── babel.config.js # Babel配置 ├── package.json # 项目依赖配置 └── vue.config.js # Vue CLI配置 ``` #### 5. 安装和调试工具为了更方便地调试 Vue 应用程序，可以安装 **Vue DevTools** 插件。推荐直接从 Chrome 商店或其他可信来源下载 `.crx` 文件，并将其拖放到浏览器扩展页面中完成安装[^2]。如果遇到 “Vue.js not detected” 提示，请确保以下几点： - 当前页面确实是一个 Vue 应用； - 已正确引入 Vue 库； - 浏览器缓存可能干扰检测结果，尝试清除后再试[^2]。 --- ###