首页 > 系统相关 >Ubuntu桌面下Vue开发环境搭建

Ubuntu桌面下Vue开发环境搭建

时间:2023-05-20 15:44:28浏览次数:46  
标签:node npm Vue 桌面 tar cnpm registry Ubuntu

Ubuntu桌面下Vue开发环境搭建

node环境

node安装

node官网

下载node安装包:node-v18.16.0-linux-x64.tar.xz

# 解压
sudo tar -xvJf node-v18.16.0-linux-x64.tar.xz -C /usr/local/
cd /usr/local/
sudo mv node-v18.16.0-linux-x64/ nodejs
# 配置环境变量
cd /etc/profile.d/
echo "# nodejs" >> dev-path.sh
echo "export NODEJS_HOME=/usr/local/nodejs" >> dev-path.sh
echo "export PATH=${PATH}:${NODEJS_HOME}/bin" >> dev-path.sh
# 因为配置的环境变量在系统环境变量中,需要重新登陆才能生效
#验证是否成功
node -v
npm -v

npm更换镜像

# 查看npm当前镜像
npm config get registry
npm config set registry https://registry.npmmirror.com
# 校验是否配置成功
npm info underscore

cnpm安装

# 可以使用cnpm代替npm
npm install -g cnpm --registry=https://registry.npmmirror.com

编辑器VsCode

忽略

Vue安装

cnpm install vue -g
# vue脚手架工具
cnpm install vue-cli -g

标签:node,npm,Vue,桌面,tar,cnpm,registry,Ubuntu
From: https://www.cnblogs.com/cnlangyu/p/17417301.html

相关文章

  • 安装ubuntu22.04.2后的操作
    一、更新系统指令一:sudoapt-getupdate指令二:sudoapt-get-ydist-upgrade指令三:sudoapt-getclean说明:清除更新时下载回来的软件包。指令四:sudoapt-getautoremove说明:自动清除更新后用不到的旧版本文件(例如旧的核心文件)备注:若不及时移除旧核心文件,容易造成/boot空......
  • vue3 +leaflet + 天地图
    vue3使用leafletnpminstallleaflet-D如果使用了tsnpmi--save-dev@types/leaflet//使用了ts需要下载声明类型//更具需要获取不通过类型的urlfunctiongetUrl(type:string){interfaceMyObject{[key:string]:Array<string>;}letobj:MyObject=......
  • springboot基于vue的MOBA类游戏攻略分享平台、游戏资讯分享平台,附源码+数据库+lw文档+
    1、项目介绍任何系统都要遵循系统设计的基本流程,本系统也不例外,同样需要经过市场调研,需求分析,概要设计,详细设计,编码,测试这些步骤,基于java语言设计并实现了MOBA类游戏攻略分享平台。该系统基于B/S即所谓浏览器/服务器模式,应用java技术,选择MySQL作为后台数据库。系统主要包括系统首......
  • 记录--Vue中如何导出excel表格
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、导出静态数据1、安装vue-json-excelnpm i vue-json-excel注意,此插件对node有版本要求,安装失败检查一下报错是否由于node版本造成!2、引入并注册组件(以全局为例)importVuefrom"vue";importJsonExce......
  • vue面试题汇总1
    Vue中什么是组件?答:在Vue中,组件是可重用的代码块,可以包含HTML、CSS和JavaScript,并具有自己的状态和生命周期。可以使用组件来构建UI界面并管理应用程序的状态。简要描述Vue的数据绑定方式。答:Vue使用双向数据绑定(two-waydatabinding)方式将模型数据和视图绑定在一起。当视图中的数......
  • Vue进阶(九十七):对象动态添加属性和值
    (文章目录)一、背景Vue规定不允许直接修改props或者data属性,必须使用Vue.set方法。Vue.set方法用来修改对象属性。如果要增加属性所属对象是响应式的,该方法可以确保属性被创建后也是响应式的,同时触发视图更新。二、基础知识注:修改的对象必须为响应式对象,且操作响应式对象的属......
  • [RapidOCRWeb] 桌面版使用教程
    引言说明:桌面版指的是可以直接解压,双击即可运行的版本。通俗来说,对rapidocr_web做了打包,将相关依赖全部放到一个zip包中,不需要本地有额外的环境,降低使用门槛。下面会以Windows版为例,作简要说明。详情参见:RapidOCRWeb使用步骤下载对应的zip包目前已有的zip包如下:......
  • 【vue】div标签和template标签使用区别
       ......
  • ruoyi-vue接入钉钉,作为h5微应用
    ruoyi-vue接入钉钉,作为h5微应用https://blog.csdn.net/jiaodacailei/article/details/1247099141.安装依赖在ruoyi-ui目录,npm安装依赖:npminstalldingtalk-jsapi--save2.定义全局钉钉企业IDruoyi-ui/.env.developmentruoyi-ui/.env.productionruoyi-ui/.env.staging#......
  • Ubuntu 22.04 安装中文输入法
    安装命令sudoaptinstall-yfcitx5fcitx5-chinese-addonsfcitx5-frontend-gtk4sudoaptremoveibussudoaptautoremove参考链接Ubuntu22.04安装Fcitx5中文输入法(详细)......