nvm对node版本进行管理及疑难解决,vue项目搭建与启动

本文主要是介绍nvm对node版本进行管理及疑难解决,vue项目搭建与启动,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、nvm安装与node版本管理

nvm安装

1、nvm地址:https://github.com/coreybutler/nvm-windows/releases
2、无需配置安装包,nvm-setup-v1.1.10.zip
解压后双击nvm-setup.exe,选择安装路径,一路next即可
打开dos窗口输入nvm version查看安装是否成功

node版本管理

1、nvm可配置国内镜像

在nvm安装路径下找到setting.txt文件,打开,新增如下信息node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/
即可完成淘宝镜像的配置

2、nvm管理node版本

nvm list  nvm ls 已安装版本列表
nvm current 当前node版本
nvm install 版本号  安装指定node版本
nvm uninstall 版本号   卸载指定node版本
nvm use 版本号  切换到指定版本
nvm list available 显示可下载的版本列表

PS:若无法切换node版本,或者出现“‘npm’ 不是内部或外部命令,也不是可运行的程序 或批处理文件”或者“‘node’ 不是内部或外部命令,也不是可运行的程序 或批处理文件”问题时。使用nvm卸载所有版本node,手动卸载安装nvm之前的nodejs。然后使用nvm安装需要的node,再切换即可成功。

二、vue项目的搭建与启动

vue项目的搭建

Vue CLI是一个基于 Vue.js 进行快速开发的完整系统,提供:
通过 @vue/cli 实现的交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
一个运行时依赖 (@vue/cli-service),该依赖:
可升级;
基于 webpack 构建,并带有合理的默认配置;
可以通过项目内的配置文件进行配置;
可以通过插件进行扩展。
一个丰富的官方插件集合,集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

1、搭建vue项目环境

 1、1  安装淘宝镜像源  npm install -g cnpm --registry=https://registry.npm.taobao.org1、2  安装vue-cli : npm install -g vue-cli

2、使用命令 vue init webpack test 搭建vue项目, “test ” 是你的项目名称。

Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中要使用到 Y
Use ESLint to lint your code ==> 是否需要 js 语法检测  n
Set up unit tests ==> 是否安装 单元测试工具  n ;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具  n ;

3、项目启动

执行完第二步后,会生成test目录,进入目录执行npm run dev即可启动项目,
或者执行npm install  yarn;yarn run dev也可启动

这篇关于nvm对node版本进行管理及疑难解决,vue项目搭建与启动的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/712265

相关文章

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

通过Spring层面进行事务回滚的实现

《通过Spring层面进行事务回滚的实现》本文主要介绍了通过Spring层面进行事务回滚的实现,包括声明式事务和编程式事务,具有一定的参考价值,感兴趣的可以了解一下... 目录声明式事务回滚:1. 基础注解配置2. 指定回滚异常类型3. ​不回滚特殊场景编程式事务回滚:1. ​使用 TransactionT

Java中使用Hutool进行AES加密解密的方法举例

《Java中使用Hutool进行AES加密解密的方法举例》AES是一种对称加密,所谓对称加密就是加密与解密使用的秘钥是一个,下面:本文主要介绍Java中使用Hutool进行AES加密解密的相关资料... 目录前言一、Hutool简介与引入1.1 Hutool简介1.2 引入Hutool二、AES加密解密基础

Redis在windows环境下如何启动

《Redis在windows环境下如何启动》:本文主要介绍Redis在windows环境下如何启动的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Redis在Windows环境下启动1.在redis的安装目录下2.输入·redis-server.exe

Pyserial设置缓冲区大小失败的问题解决

《Pyserial设置缓冲区大小失败的问题解决》本文主要介绍了Pyserial设置缓冲区大小失败的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录问题描述原因分析解决方案问题描述使用set_buffer_size()设置缓冲区大小后,buf

PyInstaller打包selenium-wire过程中常见问题和解决指南

《PyInstaller打包selenium-wire过程中常见问题和解决指南》常用的打包工具PyInstaller能将Python项目打包成单个可执行文件,但也会因为兼容性问题和路径管理而出现各种运... 目录前言1. 背景2. 可能遇到的问题概述3. PyInstaller 打包步骤及参数配置4. 依赖

Spring Boot项目部署命令java -jar的各种参数及作用详解

《SpringBoot项目部署命令java-jar的各种参数及作用详解》:本文主要介绍SpringBoot项目部署命令java-jar的各种参数及作用的相关资料,包括设置内存大小、垃圾回收... 目录前言一、基础命令结构二、常见的 Java 命令参数1. 设置内存大小2. 配置垃圾回收器3. 配置线程栈大小

解决SpringBoot启动报错:Failed to load property source from location 'classpath:/application.yml'

《解决SpringBoot启动报错:Failedtoloadpropertysourcefromlocationclasspath:/application.yml问题》这篇文章主要介绍... 目录在启动SpringBoot项目时报如下错误原因可能是1.yml中语法错误2.yml文件格式是GBK总结在启动S