首页 > 其他分享 >通过命令符创建vue项目

通过命令符创建vue项目

时间:2024-11-30 11:33:48浏览次数:8  
标签:npm node vue 创建 js 命令 nvm 安装 Node

一、环境搭建


1.检查node的安装,没有就需要下载(可以使用nvm安装node)

①Win+R指令,打开命令框输入cmd

②检查nvm是否安装成功(安装成功会显示对应的版本)

nvm -v

2.配置淘宝源

在安装nvm的文件夹里面有setting.txt文件,在里面插入以下内容:

node_mirror: https://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

3.安装node.js(请根据实际情况选择)

安装指定版本:nvm install [版本号]

安装最新稳定版本:nvm install lts

安装最新版本:nvm install latest

4.指定使用的node.js

使用指定版本:nvm use [版本号]

使用最新版稳定版:nvm use lts

使用最新版本:nvm use latest

5.检查node.js是否使用成功

node -v

6.检查npm

npm -v

7.修改淘宝源

npm config set registry https://registry.npmmirror.com/

8.(选择安装)yarn(也是 Node.js 的包管理工具)

npm i yarn -g

9.(选择安装)yarn(也是 Node.js 的包管理工具,并且是最新的 Node.js 的包管理工具)

npm i pnpm -g

10、安装nrm(用于管理 Node.js 包管理器(npm、yarn、pnpm)镜像源的工具)

npm i nrm -g


二、在Visual Studio Code (VSCode) 中创建和初始化一个新的Vue.js项目

步骤如下:

1.安装Node.js

首先,你需要安装Node.js,因为Vue.js是基于JavaScript的前端框架,Node.js是其运行环境。

2.安装Vue CLI

打开终端或命令提示符,在VSCode内,使用npm (Node Package Manager) 安装Vue CLI工具,这将用于生成新项目:

npm install -g @vue/cli

3.创建新项目

在终端中,导航到你想要存放项目的位置,然后运行以下命令来创建一个Vue.js应用:

vue create my-vue-project

这里是你的项目名称,你可以根据需要更改。my-vue-project

4.选择配置

接下来会进入一系列的配置选项,通常默认即可,按Enter键接受所有默认值。

5.启动开发服务器

项目创建完成后,进入项目目录:

cd my-vue-project

6.运行项目:

vue serve

标签:npm,node,vue,创建,js,命令,nvm,安装,Node
From: https://blog.csdn.net/2301_81242742/article/details/144150376

相关文章

  • 修复 Docker Ubuntu 容器中 Tab 自动补全与上下键历史命令失效问题
    1简介在使用Docker容器运行Ubuntu系统时,有时会遇到Tab键自动补全和上下键历史命令失效的问题。这通常是由于终端模拟器的设置不当引起的。2解决方案2.1安装bash-completebash-completion是一个增强的命令补全工具,能够为许多常用的命令提供智能补全。这在复杂的命令行操作......
  • 基于智能Ai+SpringBoot+Vue+MySQL的数码论坛系统设计与实现(供毕业设计、课程设计参考)
    文章目录1.内容见下图2.详细视频演示3.系统运行效果介绍4.技术框架4.1前后端分离架构介绍4.3程序操作流程5.项目推荐6.成品项目7.系统测试7.1系统测试的目的7.2系统功能测试8.代码参考9.为什么选择我?10.获取源码1.内容见下图2.详细视频演示文章......
  • 基于智能AI+SpringBoot+Vue的社区医疗综合服务平台(毕业设计:选题+开题+程序设计+文档+P
    文章目录1.内容见下图2.详细视频演示3.系统运行效果介绍4.技术框架4.1前后端分离架构介绍4.3程序操作流程5.项目推荐6.成品项目7.系统测试7.1系统测试的目的7.2系统功能测试8.代码参考9.为什么选择我?10.获取源码1.内容见下图2.详细视频演示文章......
  • 基于推荐算法+SpringBoot+Vue的网上购物商城系统(毕业设计:选题+开题+程序设计+文档+PPT
    文章目录1.内容见下图2.详细视频演示3.系统运行效果介绍4.技术框架4.1前后端分离架构介绍4.3程序操作流程5.项目推荐6.成品项目7.系统测试7.1系统测试的目的7.2系统功能测试8.代码参考9.为什么选择我?10.获取源码1.内容见下图2.详细视频演示文章......
  • mysql8:创建全文索引
    一,创建索引CREATEFULLTEXTINDEXft_contentONtable_name(content)WITHPARSERngram;表名和字段可以用``表示引用说明:创建全文索引时,如果不添加WITHPARSERngram;有可能会检索不到结果二,测试:1,包含指定的词:SELECT * FROM `table_name` WHERE MATCH(content)......
  • vue基础之2:搭建vue开发环境、Hello小案例
    欢迎来到“雪碧聊技术”CSDN博客!在这里,您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者,还是具有一定经验的开发者,相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导,我将不断探索Java的深邃世界,分享最新的技术动态、实战经验以及项目......
  • vue基础之3:模板语法、数据绑定
    欢迎来到“雪碧聊技术”CSDN博客!在这里,您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者,还是具有一定经验的开发者,相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导,我将不断探索Java的深邃世界,分享最新的技术动态、实战经验以及项目......
  • uni-app vue3 获取 package.json 自定义环境变量
    一、初始化项目 二、添加 package.json 文件(必须)注意:文件里面不要写备注{ "uni-app":{ "scripts":{ "dev":{ "title":"开发版", "env":{ "ENV_TYPE":"dev", "UNI_PLATFORM&q......
  • 在使用 PowerShell 与 Excel COM 对象交互时,Get-Member 命令通常用于查看对象的成员(方
    在使用PowerShell与ExcelCOM对象交互时,Get-Member命令通常用于查看对象的成员(方法、属性等)。不过,Excel的COM对象可能会出现一些成员在使用Get-Member时无法完全显示的情况,尤其是在显示属性或方法时没有完全列出所有可用的成员。为了解决这个问题,可以使用以下几种方法来......
  • 婚纱摄影管理系统|Java|SSM|VUE| 前后端分离
    【重要1⃣️】前后端源码+万字文档+部署文档【重要2⃣️】正版源码有问题包售后【重要3⃣️】虚拟可复制品不支持退换货【重要3⃣️】虚拟可复制品不支持退换货【重要3⃣️】虚拟可复制品不支持退换货            【包含内容】【一】项目提供非常完整的源......