首页 > 其他分享 >14-前端工程化-Vue项目

14-前端工程化-Vue项目

时间:2024-03-29 15:55:34浏览次数:20  
标签:node npm Vue 14 vue 版本 工程化 nvm 安装

 

 

这里,我首先安装了一个nvm(node的版本管理工具),可以通过nvm管理多个版本的node.js,解决node.js各种版本存在不兼容的问题

参考链接:nvm、node、vue安装教程_nvm安装vue_南柯ღk的博客-CSDN博客

1)安装nvm

 Github的官方安装网址:https://github.com/coreybutler/nvm-windows/releases

 2)通过 nvm 安装node

nvm install node版本号  // 安装对应版本的node
nvm ls                 // 用于查看已安装的node版本列表
nvm use node版本号     // 切换到对应版本的nodejs
 
例:
nvm install 16.0.0  // 安装16.0.0版本的nodejs

3)查看node、npm版本

node -v
npm -v

4)nvm切换node版本

nvm list   // 查看安装在本机的所有node版本
nvm use xxx(node版本)    // 切换node的版本

 

扩展:有些情况需要用到pnpm包管理工具

pnpm 全称 performant npm,意思为 高性能的 npm。pnpm 由 npm/yarn 衍生而来,解决了 npm/yarn 内部潜在的 bug,极大的优化了性能,扩展了使用场景。

1)通过 npm 安装 (不能通过yarn、cnpm安装)

npm install -g pnpm

2) 查看当前版本

pnpm -v

3) 配置镜像源

# 获取当前配置的镜像地址
pnpm config get registry

# 设置新的镜像地址
pnpm set registry https://registry.npmmirror.com

 

使用Vue脚手架的具体步骤

1)第一步:以管理员身份打开 cmd 控制台,全局安装@vue/cli 脚手架工具

npm install -g @vue/cli

2)第二步:查看vue-cli(脚手架)的版本,是否安装成功

vue -V 
vue --version

3)进入想要创建项目的目录,然后使用命令创建项目

vue create [项目名称]

4)进入项目目录,启动项目/运行项目

npm run serve

标签:node,npm,Vue,14,vue,版本,工程化,nvm,安装
From: https://www.cnblogs.com/REN-Murphy/p/18104017

相关文章

  • 14-前后端分离开发
     接口文档如下所示: YApi官方网址:YApiPro-高效、易用、功能强大的可视化接口管理平台YApi官方文档:YApi-教程(hellosean1025.github.io)1)添加项目 2)添加分类3)添加接口 ......
  • VKL144A/B TSSOP48/QFP48L-点阵式液晶驱动芯片/低电流LCD驱动,36×4段技术支持
    产品品牌:永嘉微电/VINKA产品型号:VKL144A/B封装形式:TSSOP48/QFN48L概述:VKL144A/BTSSOP48/QFN48L是一个点阵式存储映射的LCD驱动器,可支持最大144点(36SEGx4COM)的LCD屏。单片机可通过I2C接口配置显示参数和读写显示数据,可配置4种功耗模式,也可通过关显示和关振荡器进入省电模式......
  • vue2当中使用svg
    1、引入依赖npminstall  svg-sprite-loader-D2、在src文件夹下新建文件夹存放svg图 3、封装公共svg组件 3、全局注册使用(避免使用时还需要再去引入封装的svg组件) 4、在vue.config.js当中增加svg配置 5、使用用例 ......
  • 聊聊vue中的vue中的slot与slot-scope
    前言:vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面......
  • 基于Java+Vue的企业采购系统(供应商、询价、招投标)(附文档+源码)
      前言:供应商招投标管理系统是一个综合性的管理平台,旨在规范供应商的招投标流程,确保采购过程的透明度和公正性,同时提高采购效率。以下是对您提到的各个环节的详细解释:一、供应商准入供应商准入是招投标管理系统的首要环节,它负责审核和管理潜在供应商的资质。具体流程包括......
  • [N-147]基于微信小程序电影院购票选座系统
    开发工具:IDEA、微信小程序服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7前端技术:原生微信小程序+AdminLTE+vue.js服务端技术:springboot+mybatis本系统分微信小程序和管理后台两部分一、小程序功能:登录、注册、微信授权登录、首页、搜索电影、分类浏览电影信息、......
  • N-147基于微信小程序电影院购票选座系统
    开发工具:IDEA、微信小程序服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7前端技术:原生微信小程序+AdminLTE+vue.js服务端技术:springboot+mybatis本系统分微信小程序和管理后台两部分一、小程序功能:登录、注册、微信授权登录、首页、搜索电影、分类浏览电影信息、......
  • (N-147)基于微信小程序电影院购票选座系统
    开发工具:IDEA、微信小程序服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7前端技术:原生微信小程序+AdminLTE+vue.js服务端技术:springboot+mybatis本系统分微信小程序和管理后台两部分一、小程序功能:登录、注册、微信授权登录、首页、搜索电影、分类浏览电影信息、......
  • Day.14
    importcom.Tj;importjava.util.Scanner;publicclassMain{publicstaticvoidmain(String[]args){Scannerscan=newScanner(System.in);Stringstr=scan.next();Tjtj=newTj();int[]array=newint[9];arra......
  • 一个vue3指令,兼容pc与移动端的拖动tab切换,鼠标拖动与触摸拖动触控监听
    <Viewclass="app-tabs-container":class="{appear:state.showTabsTrans}"v-tabs-pointer-event:[state.hasMove]="handleProductChange"><router-viewv-slot="{Component}"><KeepAlive>......