ubuntu安装node,npm,vue-cli,webpack等

最新推荐文章于 2025-04-27 19:20:11 发布

unhurried dog

最新推荐文章于 2025-04-27 19:20:11 发布

阅读量554

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue npm

本文链接：https://blog.youkuaiyun.com/astr1010/article/details/108691277

前端专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在Ubuntu 18.10上安装配置Node.js环境，包括安装Node.js和npm，设置npm镜像源以加快下载速度，安装管理工具n及cnpm，以及如何安装Webpack和Vue-cli等常用前端工具。

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

虚拟机是Ubuntu 18.10

1.安装nodejs

sudo apt install nodejs -y

2.安装npm

sudo apt install npm -y

3查看当前安装版本

sudo node -v
sudo npm -v

4修改npm源，提高下载速度

sudo npm config set registry https://registry.npm.taobao.org

5.查看是否设置成功

sudo npm config list

6.升级npm为最新版

sudo npm install npm@latest -g

7.安装用于管理node的模块n

sudo npm install -g n

8.使用n模块来安装node版本

sudo n latest         # 最新版本
sudo n stable         # 最新稳定版本
sudo n lts            # 长期支持版本

9.安装cnpm并设置镜像源

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
查看版本  cnpm -v

10.安装webpack和webpack-cli

sudo cnpm install webpack -g
sudo cnpm install webpack webpack-cli -g
查看版本   webpack -v

11.安装vue-cli

sudo cnpm install vue-cli -g
查看版本   vue -V

12.测试使用vue:

vue init webpack projectname（projectname为项目名称,自定义的），

描述:
Project name:——项目名称
Project description:——项目描述
Author:——作者
Vue build:——构建模式，一般默认选择第一种
Install vue-router?:——是否安装引入vue-router，这里选是，vue-router是路由组件,构建项目会用到
Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦，eslint的格式验证非常严格，多一个空格少一个空格都会报错，所以对于新手来说，一般不建议开启，会加大开发难度

使用cnpm install 安装项目需要的依赖
使用cnpm run dev 运行
最终效果:
在这里插入图片描述