全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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?  高防服务器租用如何选择配置与防御等级? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。