Windows 环境下搭建Vue脚手架

最新推荐文章于 2024-08-06 19:05:22 发布
最新推荐文章于 2024-08-06 19:05:22 发布
阅读量402 收藏 4
点赞数 1
文章标签： vue搭建脚手架 vue脚手架 vue搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/One_And_One/article/details/94400709
版权

步骤一：安装node.js

     安装就不做介绍了，说一下怎么测试安装是否成功。

     

步骤二：安装全局的CLI

到这里，基本就安装完成了。

然后需要创建一个放项目的文件夹。用命令符进入该文件夹

安装完成以后，打开该文件夹会看到以下内容

至此已经全部安装完成，最后一步开始运行。

在浏览器中输入http://localhost:8080，看到如下界面就证明搭建成功。

如有错误，欢迎指正

如有问题，欢迎提问

壹加贰
关注
windows10系统搭建vue.js 脚手架
wwyywwsaber的博客
04-02 1584
1.安装NodeJS NodeJS 提供方便的NPM依赖管理和编译打包工具，所以NodeJS是很好的选择。 下载地址：http://nodejs.cn//download/ 下载后解压放到合适位置，然后配置系统变量 打开cmd命令行，输入npm -v 出现版本信息即安装成功 2.设置淘宝镜像 因为npm使用的是国外中央仓库，下载慢，所以配置镜像； 安装成功后用cnpm代替npm命令 npm install -g cnpm --registry=https://registry.n
Windows10下 Node.js的安装过程（搭建Vue脚手架-＞Vue-cli）
Cherish_hyx的博客
03-08 615
1 简介 简单来说， Node.js 就是运行在服务端的 JavaScript；是一个基于Chrome JavaScript 运行时建立的一个平台；是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 简单的Node.js 教程可以看这里。 Vue脚手架——Vue-cli Vue-cli是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/
Windows下安装Vue脚手架(详解)
热门推荐
小夏陌的博客
05-14 3万+
简介 网上现有的安装教程，有的有很多坑，有的不够详细，所以打算整理一下，也方便自己以后查看 安装Node.js 1.下载地址 https://nodejs.org/en/ NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题 2.下载好后运行 3.接受条款 4.换目录 5.之后一路Next下去就安装好了 安装Vue脚手架 1.使用淘宝镜像安装cnpm np...
Vue脚手架的安装（超详细篇，保姆级教程）
最新发布
cfjbcg的博客
08-06 2296
打开一下你刚刚的安装目录nvm，双击打开，找到settings.txt，然后用记事本编辑打开，复制粘贴。nvm install 14 nvm install latest // 安装最新版本node。-g的意识是全局安装，就-g和-s，-s是局部安装，就是只在当前项目可以使用。这边的安装版本可以跟我的一样，安装16.20.2和14.21.3的版本。可以看到这个就说明你刚刚安装的版本成功了！16版本的node就是跟着8版本的npm。14版本的node就是跟着6版本的npm。在这边进行项目的运行，快捷键。
windows下安装vue搭建脚手架工程
Lelouch_66的博客
05-26 230
转载自：https://www.jianshu.com/p/e215a33aed40 三个概念 npm：Nodejs下的包管理器。 webpack：它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli：用户生成Vue工程模板。 一。下载安装node Node.js官网https://nodejs.org/en/。 本次安装目录为D:\nodejs。安装后目录如下： 1. 检查安装是否正常 进入cmd输入指令 ec.
Windows10安装vue脚手架
迎接小天使
08-21 748
第一步、安装nodejs 相关链接 https://blog.csdn.net/qq_37554565/article/details/107815437 第二步、安装Vue脚手架 1.使用淘宝镜像安装cnpm npm install -g cnpm –registry=https://registry.npm.taobao.org 注：国外的源下载会很慢，只要你慢你就可以换成国内淘宝的源，加**–registry=https://registry.npm.taobao.org** 即可 2.出现以下
windows下vue-cli及webpack搭建安装环境
08-30
Windows 下 Vue-cli 及 Webpack 搭建安装环境 在现代 Web 开发中，Vue-cli 和 Webpack 是两个非常重要的工具，前者是 Vue.js 的脚手架工具，可以快速构建 Vue 项目，而后者是目前最流行的模块打包工具。本文将详细...
windows下vue.js开发环境搭建教程
10-20
Vue.js是一种流行的前端JavaScript框架，尤其在Windows环境下搭建Vue.js的开发环境对于初学者来说可能会遇到一些挑战。本文将详细讲解如何在Windows操作系统上搭建Vue.js的开发环境，包括必要的工具和步骤。 首先，...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。你可以访问[Node.js官网](https://nodejs.org/en/download/)下载并安装。安装完成后，通过命令行工具（如Windows下的CMD或Git Bash）运行`node -v`命令检查...
Windows搭建vue开发环境(windows安装vue脚手架)
小诸葛的博客
07-02 740
1.下载、安装node 下载地址：https://nodejs.org/en/download/ 2.查看node版本 npm -v 3.安装vue脚手架vue-cli npm install --global vue-cli 4.查看vue版本 vue --version 参考自：https://jingyan.baidu.com/article/e4511cf39ba...
使用 Vue-cli 脚手架创建项目
Sun_blog
07-14 2233
文章目录使用Vue CLI创建项目第一步，安装Node.js第二步，进入命令行第三步，安装脚手架工具第四步，切换目录第五步，创建项目总结 使用Vue CLI创建项目 本次以WIN10系统为例，其他系统略有差异。 第一步，安装Node.js Node.js官网 下载左侧的版本，根据提示安装即可。没什么特殊注意的情况，这里就不做演示了，安装过的同学可以跳过这一步。 第二步，进入命令行 按下键盘 WIN+R 键，输入 cmd 回车进入命令行。 安装过的同学，可以输入node -v 查看 node.js 的
Vue脚手架安装配置-windows
Linux学习与应用
06-14 400
最近要开发自动化运维的一个平台，需要用到前台的技术，经过了解，最后选型为Vue框架来实现。 下载npm包管理器，为了安装vue组件做准备。 nodejs下载地址：https://nodejs.org/en/download/ 注：如果安装时候，指定安装目录，配置相关组件的全局安装目录，在安装时候也需要配置对应的环境变量，验证npm -v。 在Nodejs的主安装目录下创建一个node_...
windows安装vue环境并安装vue-cli脚手架
怪咖莫雨IT技术咖
05-10 602
作者是写这篇文章的时候是个vue小白，根本不知道vue2、vue3。一脸懵。找了好多教程最后终于弄好了这个环境。做个记录。。。。
windows环境下搭建vue-cli 脚手架环境
wangxionglichuanju的博客
11-02 164
windows环境下搭建vue-cli 脚手架环境 1.下载node.js 网址:[node.js中文网址](http://nodejs.cn/) 一般一直next安装就行，注意不要安装在中文目录下 下载成功后在cmd命令窗口输入 npm -v,出现版本号，说明下载成功。 ![](https://img-blog.csdnimg.cn/20201102235600282.png#pic_center) 2.更换下载地址为国内的淘宝镜像 输入命令： npm install vue-cli ![
006-windows本地node.js和Vue脚手架安装步骤
Allure泽宇的博客
06-28 484
1 下载node.js Node.js中文官网：https://nodejs.org/zh-cn/download/ 2 安装node.js 一路下一步安装即可. 3 检测node.js版本 node -v 4 检查NPM版本号 npm -v 5 切换淘宝NPM库 方式1： npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2：(建议使用第二种) npm config set registry https://regi
vue学习笔记——1{搭建脚手架}
zhouchao1964的博客
07-05 264
新手入门
vue脚手架搭建项目（详细教程）
weixin_65855560的博客
06-19 1万+
vue的自动化构建工具是node.js帮我们做的，这就是我们为什么要下载node的原因。npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有。Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具）命令行界面。npm list：查看当前目录下已安装的node包。npm ls：查看当前目录下已安装的node包。npm -v：查看npm安装的版本。：是一个开源的前端打包工具。1.进入终端执行命令。
Vue环境搭建与vue-cli使用教程
"这篇文档主要介绍了如何在Windows环境下搭建Vue开发环境，包括安装Node.js和Vue CLI，以及解决可能遇到的问题。文档中强调了Node.js版本的重要性，推荐使用8.9或更高版本，特别是8.11.0以上，以避免在创建Vue CLI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值