首页 > 其他分享 >vue项目环境搭建

vue项目环境搭建

时间:2022-10-28 23:11:07浏览次数:83  
标签:node vue cnpm 环境 install nvm 安装 搭建

一:安装nvm

(之前都是先安装node.js,但后来我发现nodejs版本到v18.7.0后启动项目报错digital envelope routines::unsupported,所以我建议安装nvm)

注意事项

1.不能安装任何node版本(如存在请删除后安装nvm);

然后下载nvm,根据网站找的方法去下载

方法:https://blog.csdn.net/m0_59910554/article/details/126308956

(安装完成之后,不需要配置环境变量,比node简单,自己生成环境变量)

2.使用方法

nvm install 14.19.1(node版本,我目前使用的)----->下载node版本

nvm use 14.19.1

测试 node -v

二:.有需要的话可以安装淘宝镜像

 np install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v (查看是否安装完成)

三:安装vue

cnpm install vue -g

四:安装脚手架

cnpm install vue-cli -g

 



 

标签:node,vue,cnpm,环境,install,nvm,安装,搭建
From: https://www.cnblogs.com/guohanting/p/16837798.html

相关文章

  • 自动发货发卡系统搭建教程
    如果有需要自建一个在线发货的小店铺网站,可以参考下面的教程前提为了简单一点,使用的宝塔面板,喜欢自己动手的,可以忽略宝塔面板的操作。数据库创建数据库,用户名密码等r......
  • 搭建一个node+vue的项目
    一.使用express搭建一个服务//1.导入expressconstexpress=require('express')//2.调用express函数,它的返回值就是服务器的实例constapp=express()//TODO_01配置......
  • idea构建spark streaming环境
    packagecom.streamingimportorg.apache.spark.sql.SparkSessionimportorg.apache.spark.streaming.dstream.DStreamimportorg.apache.spark.streaming.{Durations......
  • linux服务器,搭建socks5代理和http代理privoxy
    ssh-qTNf-D0.0.0.0:7070root@ip地址然后会提示输入密码即可,然后查看进程psaux|grepssh 看到这个,表示已经成功开启了7070端口的一个socks5的监听了,浏览器......
  • Vue--动态路由
    router.addRouter的基础用法静态路由constroutes=[{path:'/',name:'Login',component:()=>import(/*webpackChunkName:"abou......
  • Vue--创建项目及自己配置路由
    1).创建项目vuecreatemyapp022).添加一个配置文件vue.config.jsmodule.exports={lintOnSave:false,devServer:{port:8080}}3).启动项目yarns......
  • Vue--Tab栏切换(父子组件间传值实现)
    一、实现原理:子组件配置props属性接受父组件传来的index值,top子组件采用this.$emit方法传index值给父组件二、HTML代码:<divclass="box"><my-top@xxx="fnChange">......
  • Linux 配置java环境
    封寝时间长了,想搞个minecraft服务器和同学们玩玩,结果安上java版我的世界服务端后居然报错,说Java版本不够。。然后直接重装了整个云服务器的系统,打算重新装一个Java17来。......
  • vue 中watch 回调函数和methos中方法的区别
    1.vue中代码<el-inputv-model="searchkey"placeholder="键名"@input="handleInput"clearablestyle="max-width:300px;"></el-/utils/commonwen文件加下export......
  • vue 封装带图标的标题组件
    效果图: com-item-title.vue组件<template><divclass="com-item-title"><divclass="com-item-boxflex-center-center"><divclass="com-item-cont">......