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出现的问题及解决方案  # 就可以  # 可以通过  # 自己的  # 的是  # 我是  # 如果你  # 好了  # 放在  # 出了  # 你可以  # 下载地址  # 很容易  # 到你  # 只需要  # 如图  # 所示  # 淘宝  # 较快  # 装上  # 命令行 

相关文章： 制作网站的模板软件,网站怎么建设？  SQL查询语句优化的实用方法总结  佛山企业网站制作公司有哪些,沟通100网上服务官网？  临沂网站制作公司有哪些,临沂第四中学官网？  如何配置WinSCP新建站点的密钥验证步骤？  如何高效完成独享虚拟主机建站？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  如何在Tomcat中配置并部署网站项目？  相册网站制作软件,图片上的网址怎么复制？  制作公司内部网站有哪些,内网如何建网站？  建站主机SSH密钥生成步骤及常见问题解答？  建站与域名管理如何高效结合？  如何快速选择适合个人网站的云服务器配置？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  ,想在网上投简历，哪几个网站比较好？  建站之家VIP精选网站模板与SEO优化教程整合指南  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何用已有域名快速搭建网站？  北京网站制作的公司有哪些,北京白云观官方网站？  建站之星会员如何解锁更多建站功能？  建站之星3.0如何解决常见操作问题？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  如何在橙子建站中快速调整背景颜色？  制作电商网页,电商供应链怎么做？  详解jQuery停止动画——stop()方法的使用  网页设计与网站制作内容,怎样注册网站？  建站之星24小时客服电话如何获取？  如何在万网主机上快速搭建网站？  建站主机无法访问？如何排查域名与服务器问题  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  郑州企业网站制作公司,郑州招聘网站有哪些？  视频网站制作教程,怎么样制作优酷网的小视频？  ,南京靠谱的征婚网站？  如何规划企业建站流程的关键步骤？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  网站制作费用多少钱,一个网站的运营，需要哪些费用？  教学网站制作软件,学习*后期制作的网站有哪些？  设计网站制作公司有哪些,制作网页教程？  高防服务器租用指南：配置选择与快速部署攻略  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何选择香港主机高效搭建外贸独立站？  网站app免费制作软件,能免费看各大网站视频的手机app？  高防服务器租用如何选择配置与防御等级？