Vue安装教程

最新推荐文章于 2024-07-13 21:46:00 发布
最新推荐文章于 2024-07-13 21:46:00 发布
阅读量1.3k 收藏 9
点赞数 2
分类专栏： Vue 文章标签： Vue安装教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhkxiaowang/article/details/92802918
版权

第一步、
安装nodejs （nodejs官网）
检查nodejs是否安装成功：
在这里插入图片描述
第二步、
安装淘宝镜像

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

第三步、
安装vue-cli脚手架
cnpm install -g vue-cli
检测是否安装成功:
在这里插入图片描述

第四步、
创建项目
vue init webpack projectName (projectName是项目名称)
在这里插入图片描述
转入到项目目录下
cd projectName
安装依赖
cnpm install
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
启动项目
cnpm run dev
在这里插入图片描述

打开网址： http://localhost:8080
出现以下页面就算完成了
在这里插入图片描述

R001
关注
专栏目录
vue安装教程及简介
孙叫兽的博客
12-11 1896
Vue.js 是一套构建用户界面的渐进式框架。只关注视图层， 采用自底向上增量开发的设计。 目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单。 目录 常用的vue.js版本及方法 学习vue之前需要掌握基础html+css+javaScript知识。 比如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue孙叫.
vue安装教程
10-16
Vue安装 简洁易懂新手完全填坑攻略——从环境搭建到发布。
Vue快速入门安装与配置（最新版、超详细、图文结合）
m0_74732859的博客
07-13 1265
关于Vue最新版的安装就总结到这里了，如果小伙伴们安装过程中出现了什么问题，欢迎大家在评论区留言，我会及时回答大家的问题的。长路漫漫，编程之路渐行渐远，相信不少小伙伴对未来计算机发展道路还很迷茫，计算机的就业道路很广泛，未来可以细分很多专业：同时在当下人工智能、互联网快速发展的时代，我们计算机专业的就业方向也非常广泛，包括技术类、产品类、物计算机专业的就业方向非常广，联网、金融、游戏等领域。
[Vue安装教程]十分钟学会vue 安装
weixin_34194551的博客
09-15 214
【总结】Vue的安装主要有一下几个步骤： 1、安装npm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装脚手架工具vue-cli cnpm install -g vue-cli 3、创建新的项目 vue init webpack my-project 4、进入项目路径 cd my-p...
Vue安装及环境配置教程(超详细图文教程)
java骨灰级码农，10年IT从业经验
05-18 7380
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
VUE安装使用教程详解
12-11
但是在构建大型项目的时候推荐使用NPM安装，NPM能够很好的和诸如webpack或Browserify模块打包器配合使用，同时Vue也提供配套工具来开发单文件组件。 1. 安装nodejs 由于npm（nodejs package manager）是nodejs的包...
windows下Vue安装教程（超级详细，一些细节坑）
不是老哥的博客
04-26 2782
Vue安装教程（超级详细，一些细节坑） 1、安装Node.js 注意如果你是linux安装的话，需要安装python2.6或者2.7版本的，不建议安装python3.0以上的。 2、 2. 3. 4. 5、 6. 7、 8、下面看path环境变量中是否配置了Node.js,在cmd中输入path（因为之前我安装在D盘了，所以我从D盘里面找的） 9，这里已经进行了一半啦 下面安装windows二进制文件（.exe）的安装，注意还是这个页面Node.js点击windows binary 10.
Vue.js与Webpack安装教程
10-30
在开始Vue.js和Webpack的安装教程之前，我们需要确保开发环境已经安装了Node.js，因为Vue CLI和Webpack都依赖于Node.js的npm包管理器。 1. **Vue.js的安装** - 首先，通过npm全局安装Vue CLI（Vue的命令行工具）：...
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置
2401_84254474的博客
04-12 6277
同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。将 C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\no
VUE安装教程
qq_44718666的博客
07-22 286
1、安装git工具 便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装(建议安装git工具) 2、安装node 检查node安装是否成功，在git工具中输入node -v 3、检查npm是否安装成功 在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题) 4、cnpm安装参考网站： https://developer.aliyun.com/mirror/NPM?from=tnpm 在git工具中输入：npm install -g cnpm --
vue 安装教程
程序员小哲的博客
09-28 3591
下载node.js 下载网址：https://nodejs.org/en/download/ 检查nodejs版本 node --version 检查npm的安装情况 npm -v 安装 cnpm npm install cnpm -g 安装vue cnpm install vue 全局安装 vue-cli cnpm install --global vue-cli 以上代码运行一次即可 创建一个基于 webpack 模板的新项目 vue init webpack “相对路径/
Vue安装教程 (一)
吴佩佩佩佩的博客
08-14 7876
1. 安装清单 node webpack vue vue-cli 2. Node安装 安装vue需要用到npm。 npm是node里面的包管理器，所以需要先安装好node才有npm。 3. Webpack安装 3. Vue安装 4. Vue-cli安装
【VUE】vue安装教程
疾术客
06-04 1134
//vue-cli2.x.x 版本 安装指定版本 //所有版本安装，前提是已经全局安装过node 和 全局安装过webpack // //npm install -g vue-cli@2.x.x //vue-cli2.x.x 版本卸载 // //npm uninstall -g vue-cli // //vue-cli3.x.x 版本安装 //3.0 级以上版本 Vue CLI 的包名称由 ...
安装VUE教程
魏宇轩
04-13 640
安装VUE教程 </h1> <div class="clear"></div> <div class="postBody"> 这段时间公司要准备开始用VUE，安装的过程中就遇到各种奇葩问题 1.Node.js安装    https://nodejs.org/en/download/ &n...
annaconda vue安装教程
最新发布
09-27
如果你想在Anaconda环境中使用Vue.js进行开发，首先你需要安装Node.js，因为Vue.js基于JavaScript运行。 以下是简单的步骤： 1. **安装Node.js**: - 访问Node.js官网(https://nodejs.org/)下载并安装适合你操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值