vuejs开发环境搭建

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 337平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄15年

关注

原创最新推荐文章于 2025-11-22 22:50:24 发布 337 阅读 AI 写同款· GEO 优化 ›

vue开发环境搭建(官方推荐命令)

必须有node环境

npm install -global vue-cli / cnpm install -global vue-cli

1.创建&启动项目（webpack创建）

#创建
vue init webpack vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

2.创建&启动项目（webpack-simple创建）

#创建
vue init webpack-simple vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

vue-cli 2.X升级3.X

1.升级3.X之前需要卸载2.X

npm uninstall -global vue-cli

2.安装vue-cli 3.X(以下3种命令都可以安装)

npm install -g @vue/cli 
cnpm install -g @vue/cli 
yarn global add @vue/cli

3.创建&启动项目

#创建项目
vue create vuedome01
#进入项目路径
cd vuedemo01
#启动项目
npm run serve
#编译项目
npm run build

PS：cnpm的安装(淘宝镜像)

#地址：http://npm.taobao.org/	
#安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

参考资料

vuejs安装

收录于

vuejs

当前文章被收录于：

vuejs

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#vuejs #webpack #npm #cnpm

Macbook搭建vue开发环境一、Vue2.0推荐开发环境 注：上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布本人使用的各个工具的版本为： Homebrew 3.4.6 node.js v17.9.0 npm 8.5.5 cnpm: webpack 3.2.0 Vue 2.8.2 一、安装brew 1、打开终端运行以下命令： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" . 阅读详情

相关推荐

webStrom+VUE开发环境搭建

1、安装Node.js，安装地址 https://nodejs.org/en/download。 2、在node的安装目录下 D:\node\nidejs 新建两个文件夹node_cache和node_global, 用于存放npm指令下载的东西，避免占用C盘空间。 D:\node\nidejs\node_cache 和 D:\node\nidejs\node_global；然后在...

DWDream的博客 2321

给初学者的Vue.js项目搭建教程

weixin_43263566的博客 1821

Vue.js：Vue.js环境搭建与配置

通过以上步骤，你已经成功搭建了Vue.js的开发环境，并创建了一个Vue项目。接下来，你可以开始编写Vue组件，使用Vue Router进行路由管理，或者使用Vuex进行状态管理，来构建你的Vue应用。通过上述步骤，你已经成功地设置了Vue.js的开发环境，包括开发服务器、热重载和Vue Devtools的使用。这些工具将极大地提升你的开发效率，使你能够更快地迭代和调试你的Vue应用。注意：上述总结部分是应要求而省略的，但在实际教程中，总结部分可以帮助读者回顾和巩固所学知识，建议保留。

kkchenjj的博客 2147

Vue.js环境搭建

Vue.js环境搭建步骤一：安装node.js 在搭建vue的开发环境之前，需要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址1：http://nodejs.cn/download/ 网址2：https://nodejs.org/dist/ 步骤二：安装镜像由于 npm inst...

qq_42600647的博客 459

Vue的介绍以及环境搭建

一、前言 Vue单页Web应用 Vue组件化开发 Node.js完成服务器功能 ElementUI有效实现界面弹性盒子布局与SASS 二、Vue组件 1、全局注册组件 2、局部注册组件三、Vue环境搭建 1.安装Vue的前置条件是安装node.js 2.安装vue脚手架 3.在visual studio code中新建vue项目 4.vue.js文件源代码的下载三、Vue程序运行

Lucky的博客 1万+

VUE开发环境搭建

vue.js是一套构建用户界面的渐进式框架,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，是一个基于MVVM结构的轻量级框架，非常容易与其它库或已有项目整合。安装vue需要借助npm指令集，所以一般会先安装node.js环境。1.下载node.js环境()打开node.js的官网下载地址：http://nodejs.cn/download/选择适合自己系统的安装包，本文以windows x64系统为例。选择64位安装下载安装包后正常安装，

weixin_52261391的博客 6555

如何搭建vue开发环境

主要介绍vue开发工具、环境搭建、系统运行等内容。

小积累 1万+

vuejs 页面渲染_VueJs(2)---VueJs开发环境的搭建和讲解index.html如何被渲染

VueJs开发环境的搭建和讲解初始框架有关如何搭建vue.js框架我这看了一篇文章，自己也根据它进行搭建环境。接下来对初始的框架进行讲解，只讲index.html是如何被渲染出来的。一、启动项目第一步：cmd进入项目文件里，运行npm run dev 启动项目这里说明启动端口号是8080第二步：往页面输入：localhost:8080二、解析渲染步骤先看整体框架样式和index.html...

weixin_29372549的博客 324

Vue开发环境搭建及在docs新建vue项目

参考： https://www.cnblogs.com/winter92/p/7117057.html （写在开头的废话：相信很多人在学习vue这个框架时，最开始搭建开发环境，容易遇到一些大大小小的坑，我作为菜鸟本鸟身受其扰，一度觉得这篇博客可能写不到结尾了，还好顺利完结，就是多花了些时间。为了避免看到这篇博客的朋友和我之前一样伤脑筋，我就尽可能写详细了。现在竟然觉得写博客有点上头，今天连晚饭都不...

xw_009的博客 2万+

【Vue2】初始Vue & 开发环境的搭建

目录1. Vue 简介1.1. 官网编辑1.2. 介绍与描述1. Vue.js 是什么？2. Vue 的特点1.3. Vue 的特点1️⃣ 轻量级 & 易上手1.4. 与其它 JS 框架的关联1️⃣ Vue 与 React 的对比📌 结论2️⃣ Vue 与 Angular 的对比📌 结论3️⃣ Vue 与 jQuery 的对比📌 结论4️⃣ 什么时候选择 Vue？2. 初识 Vue1️⃣ Vue 的基本概念Vue 的特点2️⃣ Vue 开发环境搭建（1）引入 Vue📌 但是这里还是提供一种原始的V

2301_80636070的博客 1453

如何搭建Vue开发环境的步骤

相信很多人在刚开始学习Vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，要是隔断时间想要重新搭建第二次的时候，难免会有一些混乱，所以今天想整理出来；

时尚小T的博客 7609

Vuejs之开发环境搭建

Vue.js Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。 Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM

kMacro的博客 759

基于vscode的vue开发环境搭建

基于vscode的vue开发环境搭建 https://www.jianshu.com/p/2c99e1faad40 yangsg关注 22019.05.30 08:46:19字数 916阅读 6,895 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，是一个基于MVVM结构的轻量级框架，非常容易与其它库或已有项目整合。安装vue需要借助npm指令集，所以一般会先安装node.js环境。 1.

ningfuxuan的专栏 2845

初识Vuejs，开发环境搭建

　　最近听到很多盆友都在说vue怎么好用啊，搭建框架怎么方便啊，博主这个小白也是不禁心头一荡啊，咱不能玩特立独行啊，必须了解新技术趋势撒，于是乎各种百度各博主大神的博客，各位大神及老鸟高抬贵嘴，不喜勿喷啊^_^ ! 　　不多BB了，小二，上“酸菜”！——好勒~~ 　　Vuejs开发环境搭建　　1.安装nodejs 　　　　各位看官，这个安装就不多说了，百度大婶里面各种都是...

awm12613的博客 197

搭建vue开发环境的步骤

搭建vue开发环境的步骤相信很多人在刚开始学习vue这个框架的时候，最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前学习angular的时候搭建过一次，过了一个月后再搭建第二次的时候，竟然有一些混乱，所以今天想整理出来； vue现如今在前端中，是前端工程师比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具

xujianjun229的博客 8211

vuejs 运行环境搭建_Vue.js开发环境搭建

一、简介Vue.js 是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实...

weixin_30346649的博客 521

VS Code上搭建Vue开发环境

介绍：VS Code上搭建Vue开发环境——超简单你女朋友都可以看得懂的教程，Vue是指一个用于创建用户界面的渐进式框架，旨在更好地组织与简化Web开发；vue也可指iOS和Android平台上的一款视频拍摄和美化工具app，是一个手机端的视频拍摄及编辑工具以及原创Vlog短视频平台，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。注：这里可能遇到问题，PowerShell用于控制加载配置文件和运行脚本的条件，为了防止恶意脚本的执行，可能遇到无法运行脚本的问题；

interest_ing_的博客 1万+

vue2开发环境搭建指南

vue2开发环境搭建，包括nvm node vue-cli 以及windows powershell安全策略禁止的修改

harrain的博客 1257

vue框架开发环境搭建

前端框架vue开放环境搭建

MENGBAA的博客 1654

上一篇：使用Docker Compose部署SpringBoot应用

下一篇： vuejs 数据绑定

webStrom+VUE开发环境搭建

DWDream的博客

05-08