Vue环境搭建

最新推荐文章于 2024-06-11 19:53:33 发布
最新推荐文章于 2024-06-11 19:53:33 发布
阅读量171 收藏
点赞数
分类专栏： 笔记 文章标签： vue npm nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44721766/article/details/119493687
版权

Vue环境搭建

Node.js的下载与环境配置

Node.js推荐官网下载nodejs

  • 查看nodejs是否安装成功
    在这里插入图片描述
  • 更改缓存地址
    • 首先创建缓存文件夹node_global、node_cache
      在这里插入图片描述
    • 更改路径
      在这里插入图片描述
    • 查看是否更改成功

在这里插入图片描述
+ 给npm 设置淘宝镜像 在这里插入图片描述
+ 查看是否设置成功
在这里插入图片描述

  • 安装cnpm
    指令 npm install cnpm -g
  • 全局安装vue-cli
	# 全局安装 vue-cli
	$ cnpm install -g @vue/cli
	# 安装完后查看版本
	$ vue --version
	@vue/cli 4.5.11
  • 创建vue项目
    vue create 项目名
爱学习的静静
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
VUE环境搭建流程
CSDN_Family的博客
03-24 702
vue3.0创建方法
vue环境搭建
04-03
以上就是Vue环境的基本搭建步骤，通过这些步骤，你可以快速开始Vue.js的开发工作。随着项目的深入，你可能还需要学习更多关于Vue的组件化开发、路由、状态管理Vuex、以及Webpack等知识，以提高开发效率和项目质量。
前端vue环境搭建
waiting971118的博客
11-21 1155
前端vue环境搭建 nodejs 的下载 （1）nodejs 最新版本的下载 nodejs 的下载地址（中文） nodejs的下载地址（英文） (2) nodejs旧版本的下载 （3）下载完成后的安装包 nodejs 的安装 （1）双击安装包之后 （2）install之后静等一段时间，点击finish就可以了 nodejs 的配置 （1）安装完成之后，，.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证。（此电脑 右击 -> 属性 -> 高级系统
前端VUE环境搭建
huox_111111的博客
11-16 1434
cnpm install --save vue-axios-plugin -g //-g:全局安装。cnpm install --save axios vue-axios -g //-g:全局安装。cnpm install axios-retry -g //-g:全局安装。下载网址：http://nodejs.cn/download/安装成功后，执行npm --version查看版本号即成功。官方网址：http://nodejs.cn/-- 在 vue.js 之后引入 -->2. 安装axios。
VUE环境搭建
weixin_48895522的博客
11-21 2292
创建文件夹 （搭建环境） vue create name 第一步这些图片的前一步。 七个图片 第一张图片选择第三个选项 该选项是手动选项 第二张图片选择第1,2,5,6个选项 选择的分别：1是版本:2是es6转es工具 5是路由 6是全局状态管理 第三张图片选择第一个选项 选择的版本 2.x （ps我 :应该是目前选择的版本） 第四张图片 选择Y/n，选择n 第五张图片配置文件 第一个是不同的配置单独一个文件 第二个是放在package.json里面 要选择第二个按回车 （ps我:选择第
vue开发环境搭建
热门推荐
sqf251877543的博客
03-20 1万+
node.js是javaScript脚本语言的运行环境。而npm则是Node.js的包管理工具（node package manager），相当于后台的maven。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。
【Vue】Vue环境搭建
姜太小白的博客
01-24 1万+
一、安装node.js 官网：Download | Node.js 历史版本：Previous Releases | Node.js 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 npm config set cache "
vue 环境搭建完整版
weixin_40306212的博客
01-03 1198
nvm 可以管理不同的node版本，如果有不同的项目 需要多个版本node，那么nvm 可以使用命令 快速下载和切换这些node
【第1章】Vue环境搭建
最新发布
zjg
06-11 877
Vue需要Node环境，开发工具官方推荐的 IDE 配置是 Visual Studio Code + Vue - Official 扩展。。回到顶部nodejs。
Vue环境搭建+VSCode+Win10的详细教程
11-19
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已...
vue环境搭建、项目初始化
02-03
Vue 环境搭建、项目初始化 在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个...
potentially fixable with the `--fix` option，解决此问题
静静的博客
08-10 3983
## 经过百度搜查，发现此类问题是vue-cli 3.0项目搭建的时候选择的是standard（正常模式）所以每次启动项目的之后都会对代码进行检查，是否符合Eslint规范。 解决方法： 1. 在当前项目的根目录下，创建vue.config.js文件 2. 在文件中输入 module.exports = { lintOnSave: false } 3. 重启项目 ...
SSM+Layui实现上传图片
静静的博客
08-03 513
SSM + Layui 实现上传图片 前提准备 SSM框架已经创建完成 第一步 ：在pom.xml文件中导入上传文件所需的依赖 <!-- 上传下载需要设计到的jar包 --> <!-- https://mvnrepository.com/artifact/commons-io/commons-io --> <dependency> <groupId>commons-io</groupId> <ar
vue : 无法加载文件 D:\Node.js\node_global\vue.ps1，因为在此系统上禁止运行脚本
静静的博客
08-06 482
解决方法 直接上图：
SSM整合所需依赖
静静的博客
08-30 423
SSM整合所需依赖 Spring所需的包，Spring-webmvc、Spring-jdbc Mybatis所需的包，mybatis Spring-Mybatis整合包：mybatis-spring Servlet、Jsp所需的包：servlet-api、 jsp-api、 jstl 数据库相关的包：mysql-connector-java、c3p0连接池或Druid 单元测试相关的包： junit测试包 <dependencies> <!--Junit--> &lt
使用vue3.0 +element-plus 创建项目(下)
静静的博客
08-10 334
配置Element-plus环境
ubuntu vue环境搭建
09-11
在Ubuntu上搭建Vue环境，可以按照以下步骤进行操作: 1. 首先，更新软件源和软件列表，可以在命令行中输入以下命令来完成： sudo apt update 2. 安装Node.js，可以在命令行中输入以下命令来完成： sudo apt install nodejs 3. 检查Node.js的版本，可以在命令行中输入以下命令来完成： node -v 4. 安装npm (Node包管理器)，可以在命令行中输入以下命令来完成： sudo apt install npm 5. 检查npm的版本，可以在命令行中输入以下命令来完成： npm -v 6. 由于npm的下载速度较慢，建议安装cnpm (淘宝镜像的npm)，可以在命令行中输入以下命令来完成： sudo npm install -g cnpm --registry=https＊＊＊pm -v 8. 安装Vue脚手架工具vue-cli，可以在命令行中输入以下命令来完成： sudo cnpm install -g vue-cli 9. 检查Vue的版本，可以在命令行中输入以下命令来完成： vue -V 10. 创建Vue项目，可以在命令行中输入以下命令来完成： sudo vue init webpack demo 11. 进入项目文件夹，可以在命令行中输入以下命令来完成： cd demo 12. 安装项目依赖，可以在命令行中输入以下命令来完成： sudo cnpm install 13. 运行项目，可以在命令行中输入以下命令来完成： sudo npm run dev 至此，你的Vue环境已经搭建完成。你可以通过访问项目的地址来查看项目。请注意，这个地址只能在你的电脑上进行访问。如果你想要在服务器上部署Vue项目以便外网访问，请参考相关教程。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值