vue2安装 node.js vue-cli 创建项目

已于 2023-04-12 21:33:23 修改
阅读量278 收藏
点赞数
文章标签： vue.js npm javascript
于 2023-04-12 21:32:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_75222154/article/details/130117198
版权

第一步 先安装Node.js
Node.js官网

https://nodejs.org/zh-cn/download/

windows点击这个即可 

 下载好之后,就可以开始安装了

 最后选择Add to PATH 这样就可以帮我们配置好环境变量了

 然后后面全点Next 到最后finish就ok了

第二步 安装vue脚手架
通过win+R键 输入cmd 进入命令行（桌面shift+鼠标右键，选择power管理员窗口也可以）

为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像

npm config set registry=http://registry.npm.taobao.org

然后输入下方命令开始安装（一定注意注意空格，严格按步骤要求进行）

npm install -g @vue/cli

 像下图这样 安装完毕之后 重新打开命令行

最低0.47元/天 解锁文章
m0_75222154
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
vue-cli2.x项目优化之引入本地静态库文件的方法 本文主要介绍了 Vue-cli 2.x 项目优化方法之一，即引入本地静态库文件的方法。该方法可以有效地优化项目的编译速度和文件大小。 首先，需要将 node_modules 下相应...
vue.config.js完整配置-超详细
05-26
这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不存在，但可以通过手动创建来添加个性化配置。 **`vue.config.js` 的主要配置选项包括：** 1. **publicPath**： -...
1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点
Muxiu
05-13 6434
目录一、vue 简介：二、设置node的全局和缓存路径手动创建node.js的全局和缓存路径目录Windows命令行配置node.js的全局和缓存路径三、安装 Vue 框架提升安装 Vue 框架速度的方法1、设置淘宝镜像手动配置系统环境变量正式安装 Vue 框架1、安装Vue-cli脚手架2、创建 Vue 项目3、访问已测试是否创建运行成功Vue 框架脚手架版本的替换方法1、3.0以下切换至3.0以上2、 3.0以上切换回3.0以下 一、vue 简介： vue的运行是要依赖于node的npm的管理工具来实现
上手vue2的学习笔记2之安装node.js和npm的踩坑经历
qq_34885993的博客
06-30 781
上一篇笔记简单介绍了学习vue框架之前应该具备的基础知识和四个我认为非常有用的学习链接，建议大家动手实践一下，更多深刻的理解前端三剑客之间的关系。这一篇笔记主要介绍我在安装vue过程中遇到的坑，以及如何避开坑的方法。一般情况下，纯小白会按照官网的描述进行环境搭建，但是个人认为vue的官网做得并不好，很容易踩坑。
nvm管理(切换)node版本,方便vue2，vue3开发
最新发布
ljgllxyz的专栏
04-26 647
在vue2与vue3项目开发中，node版本过低或是node版本过高的情况处理
笔记： vue2项目 目录、创建、部署；nvm安装和node版本修改
u013486113的博客
11-02 1001
下载nvm工具（ 安装：cmd查找node安装路径：where node ，和node文件夹同级）或 npm install -g vue-cli（升级脚手架 npm update -g @vue/cli）------以管理员身份运行终端或者 PowerShell。nvm ls：查看所有已安装可使用的node版本；nvm -v：查看nvm是否安装成功；4、部署到服务器----将dist文件夹内容上传。node -v：查看node版本。部署到服务器----将dist文件夹内容上传。
在vue中使用node.js
weixin_46263815的博客
09-22 5856
在vue中，使用node.js的框架express 和mongodb数据库 来进行增删改查的页面交互。
vue2安装 node-sass sass-loader 版本
ferwagrea的博客
02-24 1885
4.运行你vue项目，如果出现报错，先删除node_modules，再npm install一次.3.去网上找node版本对应的node-sass sass-loader 版本。1.先删除已经下载的 node-sass sass-loader。我的版本是node16.14.0。2.查看node.js环境。如果出现版本不兼容的报错。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
通过Vue+node.js+Element-UI+MySql实现超市管理系统.rar
12-16
订单管理模块，数据统计echarts表，该管理系统通过Vue+node.js+Element-UI+MySql实现，其主要功能模块含有用户登陆模块，用户管理模块，权限管理模块，商品管理模块，订单管理模块。 论文应当对各个部分的设计和实现...
详解在vue-cli项目中安装node-sass
12-01
2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm ...
node 版本管理工具 实现vue2与vue3切换开发
08-18
node 版本管理工具 实现vue2与vue3切换开发
搭建一个vue2项目
SSophia的博客
03-24 6831
搭建vue2项目
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
jyf_568的博客
04-27 1065
第一步下载nvm-windowsnvm-windows 下载地址：Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node 版本吗 点击 是 即可 安装完成后 打开 cmd 输入 nvm -v测试 显示如下图所示即为安装成功 nvm常用命令 (切换nodej...
VUE-脚手架搭建
xhmico的博客
12-15 1893
vue 有两个大版本，分别是 vue-2 和 vue-3，目前新项目的话用 vue-3 的会比较多以下我会分别提供搭建 vue-2 和 vue-3 脚手架的过程。
解决vue2因为node.js版本过高报错
anying03的博客
05-04 757
@TOCvue2因为node.js版本过高报错Error: error:0308010C:digital envelope routines::unsupported解决方法：在package.json中设置set NODE_OPTIONS=–openssl-legacy-provider 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展
node.js版本管理
蒋小姐的博客
04-10 303
vue2项目升级到vue项目，要求node版本升级，避免版本升级导致项目运行失败，采用nvm进行node版本管理。nvm install vXX // 安装对应vXX版本的node。nvm uninstall vXX // 卸载对应vXX版本的node。nvm ls // 查看已安装node版本。nvm use xxx // 选择使用XXX版本。window+R打开执行下列命令行。
node.js 安装配置及Vue项目创建
m0_52716631的博客
11-21 2921
node.js 安装配置及Vue项目创建
yarn 创建 Vue2 项目（包括node的方式和遇到版本问题如何解决）
weixin_46684929的博客
02-20 1801
问题描述：使用vue create命令，但是报 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the following to upgrade to Vue CLI 3 的错误。每次修改项目代码后，开发服务器都会自动重新编译和刷新页面，以便你可以看到修改后的效果。这个命令会自动下载并运行最新版本的 Vue CLI，然后使用它来创建一个新的项目。
windows11安装卸载node.js、vue-cli、element-ui
06-06
Windows 11 安装、卸载 Node.js、Vue CLI 和 Element UI 的步骤如下： 安装 Node.js: 1. 前往 Node.js 官网 (https://nodejs.org/en/) 下载 Windows 版本的 Node.js 安装程序。 2. 运行下载的安装程序，按照提示完成安装过程。 卸载 Node.js: 1. 进入 Windows 11 的“控制面板” -> “卸载程序”页面。 2. 找到 Node.js，选择卸载。 安装 Vue CLI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 输入以下命令安装 Vue CLI： ``` npm install -g @vue/cli ``` 3. 等待安装完成即可。 卸载 Vue CLI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 输入以下命令卸载 Vue CLI： ``` npm uninstall -g @vue/cli ``` 安装 Element UI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 进入 Vue 项目所在目录，输入以下命令安装 Element UI： ``` npm install element-ui -S ``` 3. 等待安装完成即可。 卸载 Element UI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 进入 Vue 项目所在目录，输入以下命令卸载 Element UI： ``` npm uninstall element-ui -S ``` 以上是 Windows 11 安装、卸载 Node.js、Vue CLI 和 Element UI 的基本步骤，具体操作根据实际情况可能会有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值