vue-cli的安装

最新推荐文章于 2023-07-28 21:54:34 发布
最新推荐文章于 2023-07-28 21:54:34 发布
阅读量798 收藏 3
点赞数
分类专栏： 配置 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56195330/article/details/127796485
版权

1、先安装node.js

node.js的安装_西瓜君的代码的博客-CSDN博客node.js的安装https://blog.csdn.net/m0_56195330/article/details/127795999

2、 进入命令提示符输入

npm install -g @vue/cli

 

回车后  这里要等待会 

 3、在d盘新建一个文件夹(这里我建的文件夹叫ssm_vue)

 

 

在这个地方输入cmd  然后回车

4、 输入vue create ssm_vue01

 然后通过上下键选择、然后回车

上下键移动，空格键选择 

 

 

 

 

 

给项目起个名称 

运行这两条指令 

 

浏览器输入http://localhost:8080/ 出现如下界面 说明安装成功

 

 

 

西瓜君的代码
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【笔记】npm配置及vue cli安装
木同的小心情
02-20 269
本文记录在Windows系统上配置npm及安装vue.cli的过程： 1.Node.js及Npm安裝 首先安装Node.js,直接官网下载TLS版本(长期支持版)。 设置好安装路径（建议更改安装路径到C盘以外的磁盘）后一路next到底，Node.js安装过程中会自动安装Npm。安装结束后可以按如下方式通过命令行查看安装版本，确认安装成功。 2.Npm配置 2.1 配置全局模块的安装路径及缓存路...
安装Node和Vue-cli（脚手架）的详细流程
tingzizhilian的博客
03-14 1261
安装Node和Vue-cli（脚手架）的详细流程
Vue Cli安装以及使用
weixin_34238642的博客
09-25 158
因为公司项目要用vue框架，所以会用vue-cli来新建项目。用过vue的都知道，要全局安装vue以及脚手架vue-cli，然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现，即使是在本机全局安装了vue最新版本2.5.17，可是用vue-cli脚手架创建vue项目木板的时候发现，vue的版本还是2.5.2版本。查过官方...
Vue-cli安装与配置
YanHSama的博客
02-28 645
Node.js的下载与安装 node.js官网：https://nodejs.org/zh-cn/ 注意：安装node要选择自动路径配置，后面就不要进行环境变量的配置。 验证是否安装成功 查看node版本命令node -v 查看npm是否安装命令 npm -v 安装cnpm 在命令行窗口输入 命令npm install -g cnpm -registry=https://registry.npm...
【Vue】Vue-cli(脚手架)的安装与配置（一步一步图文）
【敦厚的曹操】的专栏
03-04 9063
一、鼠标右键【左下角图标】，运行，cmd，确定 二、做淘宝镜像,输入：npm config set registry https://registry.npm.taobao.org，按回车 三、安装，输入：npm install -g @vue/cli ，按回车 如果中间有卡住的情况 ，就敲一下回车，出现下图，安装成功 四、输入一下vue，弹出下图，说明安装成功！ 注意：如果没有出现，就关闭cmd窗口，再从进入，输入vue试试。 五、为项目创建脚手架 ..
学习笔记·Vue CLI 脚手架的安装方法
m0_57982594的博客
03-16 1477
以VSCode为例，Vue Cli2脚手架的环境安装及框架架构实例
Vue安装及环境配置及遇到的问题和解决方法
qq_52126119的博客
06-04 3026
Vue安装及环境配置及遇到的问题和解决方法
使用vue-cli(脚手架)快速搭建项目
独影阑珊
05-13 925
一、node.js安装在D盘 官网下载：https://nodejs.org/en/ 1、在所安装的Node.js文件目录下创建 node_global 和 node_cache 两个文件夹 2、创建好以上文件，打开cmd，输入一下命令; npm config set prefix "D:\strongsoft\nodejs\node_global" npm config set cache "D:\strongsoft\nodejs\node_cache" 命令中的路径根据自己所创建的文件夹的路径 3、
vue安装步骤
weixin_60748184的博客
11-16 1578
③ 再次打开cmd命令窗口，输入npm config set prefix “你的路径\node_global”（“你的路径”默认安装的状况下为 C:\Program Files\nodejs）① 既然已经将node程序添加到全局系统变量中，把咱们能够直接在CMD窗口中任意位置执行node，打开CMD窗口，执行命令node -v查看node版本。② 在安装目录下新建两个文件夹【node_global】和【node_cache】② 最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本。
脚手架(vue-cli)的安装详细教程
weixin_62268437的博客
07-28 4255
这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动 ，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！
Vue-Cli安装和配置（全）
qq_44709970的博客
02-21 4026
安装、配置、淘宝镜像、可能出现的问题
vue-cli脚手架的搭建
zmyalh的博客
08-05 242
** 前端搭建vue-cli项目的两种教程 ** 第一种搭建方法（默认） 1、打开node.js官网https://nodejs.org/en/下载当前版本node.js并安装到电脑中，安装方式为"无脑安装之下一步" 安装完成后检验是否安装node.js: win+r输入cmd打开dos窗口输入node -v回车之后会显示node.js版本号，证明电脑安装成功了！ npm集成在node.js中，在dos窗口输入npm -v回车之后会显示npm版本！ 2、利用淘宝镜像安装cnpm，在命令行中输入npm i
vue-cli安装及项目初始化
weixin_42260975的博客
03-03 260
一、安装vue-cli 打开cmd进入D盘(我自己的文件在D盘) C:\Users\Admin>D: 安装vue-cli脚手架 npm install -g @vue/cli Tip：npm安装可能会很慢，我们可以使用cnpm进行安装： 先安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org 使用cnpm查看版本，验证cpn是否安装成功 cnpm进行安装vue-cli cnpm install
vue cli 创建项目时设置项目位置
JaxWan的博客
12-07 2299
vue create hello-cloud 创建项目时设置项目位置，比如我要设置到D盘的根目录，具体操作步骤如下： 1.win+r(即cmd进入命令行) 2.D： 3.vue create hello-cloud C:\Users\18710>D: D:\>vue create hello-cloud Vue CLI v4.5.15 ? Please pick a preset: Default (Vue 3) ([Vue 3] babel, eslint) Vue .
vue.js安装过程(npm安装)
逸尘的专栏
05-17 4万+
一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板二、环境搭建安装node.js： 1. 从node.js官网下载并安
vue 安装
zhang79513的博客
03-24 441
安装node.js 介绍 Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言 2.安装 在官网下载安装：https://nodejs.org/en/ 安装淘宝镜像 介绍 选择性安装，因为直接使用 npm 的官方镜可能会非常慢，也可能会出现很多问题，所以推荐使用淘宝 NPM...
Vue安装及环境配置
琅枫的博客
12-02 2万+
一、安装node.js 官网：Download | Node.js 历史版本：Previous Releases | Node.js 或者 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、建议安装的路径不要有中文 2、新建node_global和node_cache两个文件夹 可以在nodejs安装路径下，新建 3、设置缓存文件夹 npm config set c...
vuejs安装篇
weixin_34301307的博客
11-18 150
1.安装nodejs，自带npm环境。 地址：https://nodejs.org/en/download/，Node.js 历史版本下载地址：https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。 安装过程参见：http://www.runoob.com/nodejs/nodejs-install-setup.html。 2.安装淘宝镜像。 因国内访问...
Vue安装环境最全教程，傻瓜式安装
热门推荐
Mq_sir的博客
06-30 4万+
Vue安装环境最全教程 在我开始学习vue的时候，对于新手安装这个环境是真的搞人心态，不友好。在不断的安装，找教程，又帮同学配置了下，有必要自己总结下。对于新手搭建vue环境，就一步步来就ok了。 在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。 一、需要的工具 在我们安装之前知道下面的东西，也是vue项目的核心。 node.js环境（npm包管理器） vue-cli 脚
vue-cli安装失败
最新发布
06-05
安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。 以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值