vue.js安装

1:下载

Node.js 官网:https://nodejs.org/en/download

2:安装

node -v 
npm -v

3:配置

npm config set prefix "F:\node\node_global"
npm config set cache "F:\node\node_cache"
  • 按 win 键并输入“编辑系统环境变量”调出系统属性界面,点击下方的“环境变量”按钮
  • 在系统变量下新建 NODE_PATH 变量,输入 node_modules 的路径
    F:\node\node_modules

  • 进入系统变量的Path,输入nodejs安装路径

  • 进入用户变量的Path,输入 nodejs 默认的模块调用路径
  • F:\node\node_cache
    F:\node\node_global

 4、配置淘宝镜像

  • 安装 cnpm
  • npm install -g cnpm --registry=https://registry.npm.taobao.org

  • 验证是否安装成功
    cnpm config get registry

5、安装 vue 和脚手架

  • 安装 vue.js
    cnpm install vue -g

  • 验证安装是否成功
    cnpm info vue
    npm list vue

  • 安装 webpack 模块
    cnpm install webpack -g

  • 安装 webpack-cli
    cnpm install --global webpack-cli

 

6、安装vue-cli 3.x

cnpm install -g @vue/cli 

 

7、创建 vue 3 项目

vue create [项目名称]

8: 运行项目

npm run serve

 访问 localhost:8080

9:停止服务

Ctril+C

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/417141.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024年MacBookPro电脑数据恢复软件EasyRecovery数据恢复

前天新入手了一台MacBook pro,第一次用Mac激动的心情简直难以言喻,可是随后这激动的心情顿时就烟消云散了,因为对Mac操作系统的不熟练,导致我删除了一份很重要的Word文件。MacBook pro如何恢复误删除的文件?就这件事我向朋友求助…

数据库:JDBC、自定义工具类、SQL注入问题

数据库:JDBC、工具类(数据库驱动,连接,释放)、SQL注入(非法操作“欺骗”) 文章目录 数据库:JDBC、工具类(数据库驱动,连接,释放)、SQL…

Qt5项目拆解第一集解决:中文乱码| 全局字体|注册表|QSS/CSS

# 一、乱码解决代码片段 QTextCodec是Qt中用于处理文本编码和字符集转换的类。它提供了一系列静态函数来实现不同编码的文本转换,包括编码转换、字符集检测和转换、以及数据流中的文本编码处理。QTextCodec类使得Qt可以在不同的编码和字符集之间进行无缝转换,从而方便地处理…

创建非模态的静态文本并更改它的位置

我是写在钩子里,动态显示静态文本的哦,效果我放在下面了,不知道怎么做动态图片,你们可以教我一下,哈哈。 //这个就是放在钩子里跟随鼠标动态显示坐标信息,或者提示信息 HWND statichandleNULL; HWND NXha…

10个必会的Linux命令

0. tldr 查看命令用法 tldr&#xff1a;Too Long; Didn’t Read。是一个简化版的man&#xff0c;可以查看命令用法。 tldr不是内置的命令&#xff0c;需要安装。可以用pip安装&#xff1a; pip install tldr 安装后就可以用tldr <命令>查看某个命令的用法&#xff0c;…

go语言(一)----声明变量

package mainimport ("fmt""time" )func main() {fmt.Print("hello go!")time.Sleep(1 * time.Second)}运行后&#xff0c;结果如下&#xff1a; 1、golang表达式中&#xff0c;加&#xff1b;和不加&#xff1b;都可以 2、函数的{和函数名一…

嵌入式-Stm32-江科大基于标准库的GPIO的八种模式

文章目录 一&#xff1a;GPIO输入输出原理二&#xff1a;GPIO基本结构三&#xff1a;GPIO位结构四&#xff1a;GPIO的八种模式道友&#xff1a;相信别人&#xff0c;更要一百倍地相信自己。 &#xff08;推荐先看文章&#xff1a;《 嵌入式-32单片机-GPIO推挽输出和开漏输出》…

Java多线程--创建多线程的基本方式一:继承Thread类

文章目录 一、创建和启动线程&#xff08;1&#xff09;概述&#xff08;2&#xff09;方式1&#xff1a;继承Thread类1、使用步骤2、举例2.1 案例12.2 案例22.3 案例3 3、两个问题3.1 问题13.2 问题2 4、代码及总结 二、练习&#xff08;1&#xff09;方式一&#xff08;2&…

HarmonyOS鸿蒙学习基础篇 - 项目目录和文件介绍

├── hvigor //存储购置信息的文件&#xff0c;主要用于发布打包 ├── idea //开发工具相关配置可忽略 ├── AppScope //工程目录 全局公共资源存放路径 │ └── resources │ │ └── base │ │ │ └── element //常亮存放 │ │ │ …

AI大模型开发架构设计(2)——AI绘画技术架构应用实践

文章目录 1 AI绘画整体流程2 AI绘画技术架构文生图核心算法原理文生图工程架构 3 AI绘画的应用实践 1 AI绘画整体流程 第一步&#xff1a;输入 Prompt 提示词&#xff1a;/mj 提示词第二步&#xff1a;文生图(Text-to-Image)构图第三步&#xff1a;图片渲染第四步&#xff1a;…

数据结构——Java实现栈和队列

一、栈 Stack 1.特点 &#xff08;1&#xff09;栈是一种线性数据结构 &#xff08;2&#xff09;规定只能从栈顶添加元素&#xff0c;从栈顶取出元素 &#xff08;3&#xff09;是一种先进后出的数据结构&#xff08;Last First Out&#xff09;LIFO 2.具体实现 Java中可…

STM32--7针0.96寸OLED屏幕显示(4线SPI)

本文介绍基于STM32F103C8T60.96寸OLED&#xff08;7针&#xff09;的显示&#xff08;完整程序代码见文末链接&#xff09; 一、简介 OLED&#xff0c;即有机发光二极管&#xff08; Organic Light Emitting Diode&#xff09;。 OLED 由于同时具备自发光&#xff0c;不需背光…