windows下vue-cli及webpack搭建安装环境

1、安装Node.js，node.js安装包及源码下载地址为：https://nodejs.org/en/download/。

2、安装npm，由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

$ npm -v 
3.10.8 

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：

npm install npm -g 

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org 

这样就可以使用 cnpm 命令来安装模块了：

cnpm install [name] 

3、安装vue-cil，vue-cil是vue的脚手架工具。其模板可以通过 vuejs-templates 来查看。

我们首先，需要安装vue-cil。命令如下：

npm install -g vue-cli 

这个命令只需要运行一次就可以了。安装上之后，以后就不用安装了。

下面，我们来用vue-cil构建一个项目。

首先，我们在终端中把当前目录定位到你准备存放项目的地方。如我是准备放在E:\vue这个目录下面，那么先通过cmd命令进入这个目录，命令如下：

cd vue 

进入到目录之后，我们按照下面的代码输入，新建一个自己的vue项目demo01

vue init webpack demo01 

输入这个命令之后，会出现一些提示，是什么不用管，一直按回车即可。

如上图所示，就说明我们的项目构建成功了。并且，给出了下面要执行的命令，我们来逐条执行：

cd demo01 

cnpm install 

(这里用国内的阿里的cnpm安装比较快)

安装完成之后再运行命令：

npm run dev 

执行后，CMD命令窗口如图：

说明项目跑起来了，在运行了npm run dev之后，会自动打开一个浏览器窗口，就可以看到实际的效果了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # cli  # webpack搭建  # vuecli  # webpack  # 配置  # vue3与webpack5安装element-plus样式webpack编译报错问题解决  # webpack安装配置与常见使用过程详解（结合vue）  # 用npm安装vue和vue-cli  # 并使用webpack创建项目的方法  # vue和webpack安装命令详解  # 安装Vue+webpack出现的问题及解决方案  # 就可以  # 可以通过  # 自己的  # 的是  # 我是  # 如果你  # 好了  # 放在  # 出了  # 你可以  # 下载地址  # 很容易  # 到你  # 只需要  # 如图  # 所示  # 淘宝  # 较快  # 装上  # 命令行 

相关文章： 网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  济南专业网站制作公司,济南信息工程学校怎么样？  免费网站制作appp,免费制作app哪个平台好？  PHP 500报错的快速解决方法  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何在Windows环境下新建FTP站点并设置权限？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  建站之星logo尺寸如何设置最合适？  活动邀请函制作网站有哪些,活动邀请函文案？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  高端云建站费用究竟需要多少预算？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  如何选择网络建站服务器？高效建站必看指南  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  魔方云NAT建站如何实现端口转发？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  北京专业网站制作设计师招聘,北京白云观官方网站？  建站之星在线版空间：自助建站+智能模板一键生成方案  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何在阿里云完成域名注册与建站？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  实现虚拟支付需哪些建站技术支撑？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  如何在建站宝盒中设置产品搜索功能？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  大同网页,大同瑞慈医院官网？  如何在阿里云通过域名搭建网站？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  网站专业制作公司有哪些,做一个公司网站要多少钱？  如何快速搭建虚拟主机网站？新手必看指南  装修招标网站设计制作流程,装修招标流程？  太平洋网站制作公司,网络用语太平洋是什么意思？  建站之星在线客服如何快速接入解答？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  个人摄影网站制作流程,摄影爱好者都去什么网站？  自助网站制作软件,个人如何自助建网站？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  表情包在线制作网站免费,表情包怎么弄？  利用JavaScript实现拖拽改变元素大小  制作农业网站的软件,比较好的农业网站推荐一下？  微信h5制作网站有哪些,免费微信H5页面制作工具？  定制建站方案优化指南：企业官网开发与建站费用解析  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  宁波自助建站系统如何快速打造专业企业网站？  代刷网站制作软件,别人代刷火车票靠谱吗？  历史网站制作软件,华为如何找回被删除的网站？