百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

vscode vue开发环境(vscode配置vue开发环境)

liuian 2025-06-18 22:20 32 浏览

一、npm、nodejs安装

1、安装Node.js

官网下载Node.js

双击下载文件,选择安装路径,安装。

#cmd下查看安装完后的版本
node -v
npm -v

2、配置npm的全局模块的存放路径以及缓存的路径

默认会将模块安装到C:\Users\用户名\AppData\Roaming\npm路径中。所以可以修改路径

在node.js的安装目录下新建两个文件夹node-cache和node_global

#创建目录
d:
mkdir software
cd software
mkdir Nodejs
cd Nodejs
mkdir node_global
mkdir node_cache

#设置缓存的路径,之后用npm install XXX -g安装以后模块就在这两个文件夹里。
npm config set prefix "D:\\software\\Nodejs\\node_global"
npm config set cache "D:\\software\\Nodejs\\node_cache"

3、安装cnpm

有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以还需要npm的国内镜像—cnpm

npm install -g cpm

4、安装vue-cli脚手架

npm install -g  vue-cli
cnpm install -g @vue/cli

5、安装webpack

cnpm install -g webpack

6、用vue-cli构建项目

#初始化项目
vue init webpack my-first-vue
nit:初始化
webpack:构建工具,即整个项目基于webpack构建
MyVue:整个项目文件夹的名称

#运行项目
cd my-first-vue
npm run dev

二、npm源设置

#设置淘宝源
npm config set registry [<https://registry.npm.taobao.org>](<https://registry.npm.taobao.org/>)
#查看源地址
npm config get registry
#测试源
npm info underscore
#在命令行中指定源
npm --registry <https://registry.npm.taobao.org> install [name]
#修改~/.npmrc
registry = <https://registry.npm.taobao.org>

#使用cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install [name]

三、VScode设置

3.1、vscode语言设置

按下ctrl+p, 输入: > Config, 选择: “Configure Display Language"

3.2、安装vuetr插件

3.3、安装eslint插件(eslint:此时打开一个vue文件并编辑, 保存时并不会自动进行格式化, 这里还需要安装一些依赖和一些配置。)

3.3.1、vue安装:npm install -g eslint

3.3.2、vscode安装eslint插件

相关推荐

word必须激活才能用吗(word必须激活才能用吗怎么设置)

Word软件是我们日常办公中最常使用到的一款文字处理软件,一般来说,文档的建立,文字的录入,文本的保存,都需要使用这款软件。Word办公软件属于office系统办公软件之一和excel软件,power...

苹果怎么安装外来软件(苹果怎么安装外来软件教程)
  • 苹果怎么安装外来软件(苹果怎么安装外来软件教程)
  • 苹果怎么安装外来软件(苹果怎么安装外来软件教程)
  • 苹果怎么安装外来软件(苹果怎么安装外来软件教程)
  • 苹果怎么安装外来软件(苹果怎么安装外来软件教程)
acer清除开机密码(acer电脑开机密码忘记怎么重置)

如果您忘记了ACER笔记本电脑的BIOS密码,您可以按照以下方法清除BIOS密码:1.通过CMOS电池清除BIOS密码第一种方法是通过清除CMOS电池来清除BIOS密码。CMOS电池是电脑主板上的一...

宽带连接错误651是什么意思(宽带连接错误651是什么意思呀)

宽带连接错误651为调制解调器(modem)发出的错误报告,一般情况下是未找到指定的端口。以下介绍以下这种错误发生的情况和具体的解决方法:【宽带连接错误651是什么意思】  遇到宽带连接错误651时,...

电脑重装系统在哪里(电脑重装系统去哪里比较好)

重装电脑系统是一个相对复杂的过程,首先需要备份重要数据,然后准备一个可启动的安装介质,如U盘或光盘。接下来,进入BIOS设置,将启动顺序调整为首先从安装介质启动。然后,按照屏幕上的指示进行系统安装,选...

win10专业版激活密钥无法激活

如果您的Windows10专业版激活密钥被阻止,您可以尝试以下几种方法:1. 检查激活密钥是否正确:请确保您输入的激活密钥是正确的,并且与您的Windows10专业版版本匹配。2...

闪迪内存卡数据恢复(闪迪sd卡数据恢复)

首先,不要继续往闪迪内存卡中写入新的数据,以免覆盖原有数据。然后,可以使用数据恢复软件来尝试恢复误删的文件,如Recuva、EaseUSDataRecoveryWizard等,这些软件可以扫描内...

电脑内存条通用吗(电脑内存条通用吗怎样区分)

不是通用的。内存条是CPU可通过总线寻址,并进行读写操作的电脑部件。电脑上的内存条是不通用的,选择内存条的时候,需要查清主板支持的内存条的种类,在电脑上安装主板支持的内存条。内存条分为DDRDDR2...

系统维护中怎么解决(系统维护中一般要多久才能恢复)

系统正在维护中意思是系统正在更新或者升级中。网站或软件代码程序出现了问题,或者网站、软件需要更新升级的时候,一般会关闭进行查找问题,处理问题,内容进行更新。处理完了才会开通网站访问。为了清除系统运行中...

电脑桌面隐藏的文件夹怎么找出来

要查看电脑上隐藏的文件夹,可以采取以下几种方法:方法一:使用文件夹选项按下键盘上的Windows键和E键打开“文件资源管理器”。找到“查看”和“选项”两个选项并勾选。选中“显示隐藏的文件、文件夹和驱动...

搜狗中文手写输入法下载(下载搜狗手写版)

点击输入框弹出搜狗键盘,进入搜狗工具栏的设置图标,手写设置,勾选“手写注音”。在输入法点击那个键盘,就会有那个输入方式的选项,选择手写输入就可以了。呼出输入法,点击输入法上方的键盘图样,找到手写输入,...

免费云服务器怎么样(云服务器哪些是免费)

搞软件开发的人都知道,对于一些网络应用软件必须要租用服务器存放才能被更多用户使用。如一些应用于浏览软件、传输软件、远程登录软件等。如果是像以往那样租用物理机服务器,成本费用非常高昂。但是现在有云服务器...

斐讯路由器登录密码忘记了怎么办

1.斐讯无线路由器密码忘记,要重设密码,首先长按路由器背面的reset键,将路由器恢复出厂设置。2.路由器恢复出厂设置以后,在电脑浏览器地址栏中输入:192.168.1.1并按下回车键,“用户名”输...

软件之家软件分享(软件之家软件合集)

驱动精灵,驱动人生,360驱动大师。云之家挺好用的,通讯录是按组织架构的,跟微信一样可以看到所有人的动态,还有小组一般是按公司、部门、行业、兴趣分的,老板开讲可以把最上级的意思快速传达给所有员工。我们...

pps网络电视直播软件下载(ppstv版官方下载)
  • pps网络电视直播软件下载(ppstv版官方下载)
  • pps网络电视直播软件下载(ppstv版官方下载)
  • pps网络电视直播软件下载(ppstv版官方下载)
  • pps网络电视直播软件下载(ppstv版官方下载)