vue.js开发环境搭建教程分享，具体内容如下

1、安装node.js，忽略

2、基于node.js，利用淘宝npm镜像安装相关依赖

在cmd里直接输入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回车，等待安装...

3、安装全局vue，用于帮助搭建所需的模板框架

在cmd里，
1).输入：cnpm install -g vue-cli，回车，等待安装...
2).输入：vue -V，回车，若出现vue信息说明表示成功

4、创建vue项目

在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git'下的项，可按下图操作

5.安装依赖

在cmd里，
1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹
2).输入：cnpm install，回车，等待一小会儿

回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）

基于vue-cli创建的默认项目结构如下图所示：

6.测试环境是否搭建成功

方法1：在cmd里输入：cnpm run dev
方法2：在浏览里输入：localhost:8080(默认端口为8080)

运行起来后的效果如下图所示：

至此，vue.js开发环境搭建完毕。

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

# vue.js开发环境搭建  # vue.js环境搭建  # vue.js开发环境  # Vue Vuex搭建vuex环境及vuex求和案例分享  # Vue 搭建Vuex环境详解  # Vue新手指南之环境搭建及入门  # Vue项目环境搭建详细总结  # 搭建vue开发环境  # vue环境搭建简单教程  # Vue2.0 从零开始_环境搭建操作步骤  # 详解vue.js 开发环境搭建最简单攻略  # 手把手搭建安装基于windows的Vue.js运行环境  # vue项目环境搭建  # 所示  # 会儿  # 如下图  # 所需  # 镜像  # 淘宝  # 可按  # 该文件  # 具体内容  # 大家多多  # 直接输入  # style  # color  # br  # cnpm  # install  # cmd  # span  # strong  # vue 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  标题：Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  如何快速搭建虚拟主机网站？新手必看指南  Laravel怎么在Controller之外的地方验证数据  高防服务器租用指南：配置选择与快速部署攻略  如何在腾讯云服务器快速搭建个人网站？  详解MySQL数据库的安装与密码配置  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  如何快速查询网站的真实建站时间？  Laravel如何为API编写文档_Laravel API文档生成与维护方法  如何用5美元大硬盘VPS安全高效搭建个人网站？  BootStrap整体框架之基础布局组件  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  如何自定义建站之星模板颜色并下载新样式？  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  ,南京靠谱的征婚网站？  Laravel API资源类怎么用_Laravel API Resource数据转换  UC浏览器如何设置启动页 UC浏览器启动页设置方法  深圳网站制作培训,深圳哪些招聘网站比较好？  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  简单实现Android文件上传  如何在阿里云虚拟主机上快速搭建个人网站？  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  iOS验证手机号的正则表达式  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  香港服务器网站卡顿？如何解决网络延迟与负载问题？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何快速生成高效建站系统源代码？  jQuery 常见小例汇总  Python进程池调度策略_任务分发说明【指导】  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  如何将凡科建站内容保存为本地文件？  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  Laravel Fortify是什么，和Jetstream有什么关系  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  高防服务器租用首荐平台，企业级优惠套餐快速部署  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  黑客如何通过漏洞一步步攻陷网站服务器？  如何批量查询域名的建站时间记录？  Python文件异常处理策略_健壮性说明【指导】  微信小程序 配置文件详细介绍  html如何与html链接_实现多个HTML页面互相链接【互相】