win10 下安装vue-cli

最新推荐文章于 2024-08-18 17:55:37 发布
最新推荐文章于 2024-08-18 17:55:37 发布
阅读量951 收藏
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41640583/article/details/105569743
版权
在Win10环境下，首先确保已安装Node.js。接着全局安装Vue CLI并选择webpack模板初始化项目。在项目创建过程中，遵循终端提示进行操作，可能会遇到错误，但通过补全步骤（例如安装webpack）可以解决。成功运行`npm run dev`后，项目将在8080端口启动，通过浏览器访问http://localhost:8080可查看效果。Vue项目常与webpack结合使用，因为webpack能解析.vue及其他类型文件。`npm run build`用于打包项目至dist目录，适合线上部署。
摘要由CSDN通过智能技术生成

如果你还没有安装nodejs的话，请先安装nodejs，参见上一篇博客。

1. 全局安装vue-cli

npm install vue-cli -g

vue-cli提供了几个模板给开发者用于不同类型的项目，具体查看：

vue list

一般我们用webpack和webpack-simple的比较多，这里我选择用webpack.

2. 全局安装webpack

cnpm install webpack -g

3. 初始化项目，生成项目模板

vue init webpack demo

选择相应的选项，我是直接按En

最低0.47元/天 解锁文章
搭建Vue-Cli脚手架（超详细）
2401_84447207的博客
05-03 979
*cd hello跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。
nvm工具管理NodeJS实现过程，安装vue和vue-cli
lubricate_Tiam的博客
07-09 2649
管理node.js的工具nvm，安装vue及vue-cli、测试vue安装是否成功
Win10安装Vue-cli
qq_42582489的博客
07-16 2249
Win10安装Vue-cli 文章目录Win10安装Vue-cli前言详细流程安装webpack安装vue-cli构建简单的vue项目参考文章 前言 vue-cli 是一个官方发布 vue.js 项目脚手架，GitHub地址是：https://github.com/vuejs/vue-cli 我们平时所说的 vue 脚手架指的是 vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成 vue 和 webpack 的项目模板。 vue-cli 这个构建工具
win10 下 vue-cli 的安装
疯魔coding君的博客
03-09 358
安装 node.js 1.打开 node 官网：https://nodejs.org/en/ 下载 LTS 版本： 2.打开下载好的 .msi 文件进行安装，一路 Next： 3.选择安装路径： 4.然后又一路 Next，点击 Install： 5.打开 dos 窗口，键入命令：node --version，如果出现 node 的版本信息，则说明安装成功： 安装 vue-cli 安装 vue-cli 使用命令：npm install -g @vue/cli 安装即可，如果速度很慢的话，可
windows安装vue cli
weixin_37841024的博客
08-18 371
要安装 Vue CLI，你需要确保你的电脑上已经安装了 Node.js 和 npm。Vue CLI 是一个 Node.js 包，因此你可以通过 npm 来安装它。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，它提供了一个简洁的命令行工具，用于快速生成Vue.js项目的脚手架。打开终端（在 Windows 上是命令提示符或 PowerShell，在 macOS 或 Linux 上是终端）。如果你看到了 Vue CLI 的版本号，则表示安装成功。
windows10 npm 安装vue-cli
k_e_vi_n的博客
05-24 700
1、下载nodehttp://nodejs.cn/download/ 一路next 2、配置path 环境变量 修改Path 增加node安装目录 3、cmd输入 node -v 和 npm -v查看是否安装成功 成功会显示版本号 4、npm换源 这个比较重要 换到国内淘宝的镜像安装会快很多 npm config set registry https://registry.npm.taobao.org // 配置后通过下面命令验证是否成功 npm...
win10安装vue-cli
qq_44663401的博客
11-17 98
在开发中，需要打包的东西不止是js、css、html，还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。vue官方提供了了一个快速搭建vue项目的脚手架：vue-cli 使用它能快速的构建一个web工程模板 Git官网：https://github.com/vuejs/vue-cli 官网：https://cli.vuejs.org/zh/ 安装命令： npm install -g vue-cli ...
win10 安装 vue.cli 一波三折
WU2629409421perfect的博客
04-14 949
官网下载 node.js 后，一路安装，顺风顺水，命令行输入node -v以及npm -v查看是否安装成功，令人眉开眼笑： 然而，接下来安装 vue-cli ，可真是把我折磨坏了！！ 首先通过npm install -g cnpm --registry=http://registry.npm.taobao.org安装了 cnpm（npm的国内镜像，安装成功后可以用cnpm代替npm来安装依赖包）...
详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
12-12
windows下vue-cli及webpack 构建网站(一)环境安装  windows下vue-cli及webpack 构建网站(二)导入bootstrap样式 windows下vue-cli及webpack 构建网站(三)使用组件  1、本篇文章是建立在以上三篇文章的基础上的...
使用NPM安装vue.js（vue-cli）详细教程
热门推荐
chongzi的博客
03-06 4万+
这篇文章借鉴此博客 文章目录安装node.js安装cnpm安装vue-cli 脚手架构建工具（必须在全局中进行安装）创建项目 安装node.js 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了 安装完之后，我们通过打开命令行工具（win+R）记得用管理员身份打开，不然下面安装可能会出错,输入node -v命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，.
Windows10下Vue-cli的安装与使用
weixin_42511443的博客
08-25 827
Windows10下Vue-cli的安装与使用 1.首先检查node有没有被安装。打开cmd输入node -v，若出现node版本信息，说明已经成功安装 若没有出现以上信息，请至https://nodejs.org/en/下载对应版本安装，傻瓜式安装，一路next即可，当然，安装完后还需配置一下环境变量，具体配置方法可以参考https://www.cnblogs.com/isme-zjh/p/12729571.html，这里不再赘述。 2.配置一个镜像网站提升速度npm config set.
win10系统下，vue框架的安装（新手初学）
weixin_64084310的博客
01-24 1487
入门vue，首先安装node.js，作为一个新手，分享安装过程中的体会和心得。
前后端分离项目之记录windows10 安装Vue-cli 创建vue-cli项目
weixin_53999382的博客
08-16 130
记录windows10 安装Vue-cli 创建vue-cli项目 导言 Vue目前已经更新到3.0版本。但是多数公司使用的仍是2.0版本，因此本次安装2.0版本 安装2.0：npm install -g vue-cli 需要把安装好的vue的文件位置添加到环境变量中。 添加系统变量： Vue 地址：vue.cmd所在目录位置。 上一篇中我配置全局文件位置。所以我的地址就是上面这个。 验证一下：重新打开cmd 输入 vue -V V大写。 出来版本号就说明可以了。 注：在idea 或webs
win10安装vue
innocent_cat的博客
07-10 1474
虽然一直都没有写技术博客的习惯，但是最近用win10系统开发vue项目，不得不写一篇安装指导，网上的安装入门教程只是太模糊了，小白根本看不懂，遇到问题也解决不了。 1、下载nodejs下载地址：http://nodejs.cn/download/ 就算你是64位Windows系统，建议下载32位的版本。安装时建议不要修改安装目录，一路next按下去。完成后，Windows快捷键 Win+R ...
win10安装和搭建vue环境
qq_44959735的博客
02-04 1648
win10安装和搭建vue环境
windows10 从零开始安装 Vue CLI 和创建vue项目 过程以及解决遇到的坑！
weixin_47588909的博客
10-23 506
1、安装node.js; node.js官网下载 2、win+ R 打开对话框 ，输入cmd 出现终端； C:\Users\Administrator>node -v //查看node版本 v14.18.1 C:\Users\Administrator>npm -v //查看npm版本,安装node时便以安装 6.14.15 3、安装Vue CLI Vue CLI 安装官网 npm install -g @vue/cli 4、安装VSCode VSCode 官网 下载 Wind
windos10 vue 全局安装 以及配置环境
qq_42689918的博客
03-25 1891
点击【Next】按钮 首先检查本机安装node没有 node -v 有的话会出现版本 没有需要官网去下载 下载 | Node.js 中文网 选择所有下载选项 选择这里 parent Directory 根据自己需要下载即可 后安装 下载完成后，双击“node-vXXXX.msi”，开始安装Node.js ...
Win10 Vue-cli安装及可视化Vue项目创建
jac_chao的博客
12-23 391
1 Vue-cli安装 1.1 CDN引入 对于制作原型或学习，你可以这样使用最新版本： <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏： <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
windows10系统 vue环境搭建
s3088529551的博客
10-14 633
Node.js 下载与安装 从官网下载最新版本安装包：Download | Node.js (nodejs.org)https://nodejs.org/en/download/current/ 建议不要安装在系统盘 默认选项 检查Node.js 安装 进入命令窗（cmd） node -v #查看node.js版本 npm -v #查看npm版本 在安装目录下 新建缓存（node_cache） 全局（node_global） 文件夹 （非系统盘下，出现...
vue-cli-service electron:build 修改exe 图标
最新发布
10-30
Vue CLI 中的 `vue-cli-service electron:build` 命令用于构建 Electron 应用程序的生产版本。如果你想要修改生成的 `.exe` 文件的图标，你需要在项目配置中对 Electron 的 `icon` 属性进行设置。 首先，在项目的根目录下找到 `electron-builder` 配置文件，通常位于 `config` 文件夹下的 `package.json` 或者专门的 `build-electron.json`。编辑这个文件，找到 `win` 对象（针对 Windows），在那里添加或更新 `icon` 关键字： ```json { "build": { "win": { "icon": "path/to/your/icon.ico" // 替换为你的图标文件路径 } } } ``` 确保指定的图标文件是一个 `.ico` 格式的图标，并且大小应该符合 Electron 的要求，通常是 48x48、32x32、16x16 等尺寸的组合。 完成设置后，运行 `yarn build` 或者 `npm run build` 来构建应用，新的图标将会被包含在生成的 `.exe` 文件中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值