vue.js安装(npm安装)

最新推荐文章于 2025-01-21 15:52:05 发布
转载 最新推荐文章于 2025-01-21 15:52:05 发布 · 312 阅读 · 0

本教程详细介绍如何从零开始安装配置Vue.js开发环境。首先需要安装node.js并验证版本，然后利用npm安装cnpm及vue-cli等工具。接着通过具体步骤演示如何使用vue-cli创建首个Vue.js项目，并运行本地开发服务器进行测试。

转载原文： 
http://blog.youkuaiyun.com/forezp/article/details/81040925 
本文出自方志朋的博客

 

安装vue.js之前先安装node.js官网

win+R进入cmd输入: node -v 显示版本号则说明安装成功！

输入：npm -v 显示版本号说明node里继承了npm管理包

输入：npm install -g cnpm --registry=http://registry.npm.taobao.org安装淘宝镜像，等待几分钟

输入：npm install -g vue-cli 等待几分钟安装vue-cli 脚手架构建工具

在电脑创建一个文件用来存放的项目，这里创建NodeTest,进入该路径里，输入：vue init webpack firstapp（小写不然待会需要修改为小写的才能创建成功）创建一个firstapp项目，根据提示回车，出现：Project initialization finished!说明安装成功

输入 :cd firstapp进入项目，执行：npm run dev 启动项目，在地址栏输入Your application is running here: http://localhost:8080查看

菜鸟教程更为详细：菜鸟教程vue.js

 

LYF01fang
关注
【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程
等风来
08-31 2万+
正式开始学习前 确保你已学过前端三件套 HTML CSS JavaScriptVue.js是一种流行的JavaScript前端框架，用于构建交互式的、响应式的用户界面。它是一种轻量级、灵活和易于学习的框架，广泛应用于现代Web应用程序开发中。前端框架那么多，为什么Vue.js非学不可？Vue.js的简洁语法和易用性使得它成为构建现代Web应用程序的优秀选择，无论是小型项目还是大型复杂的应用都能发挥出色的效果。Vue.js使用双向绑定的数据模型，将数据和视图进行关联。
Node.js和npm的安装及配置
pan_junbiao的博客
06-11 3653
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞 I/O 的模型。npm（node package manager）是一个 Node.js 包管理和分发工具，也是整个 Node.js 社区最流行、支持第三方模块最多的包管理器。
Vue.js 安装（npm方式）
qq_43254543的博客
02-28 610
在Vue.js构建大型应用的时候，比较推荐使用NPM安装方法，这里我们首先需要准备下面东西： node.js环境（npm包管理器） vue-cil脚手架构建工具 cnpm npm 的淘宝镜像 上篇文章已经介绍过node.js环境安装，这里不再重新阐述。默认现在node环境已经安装完成，npm包管理器也有了。我们还需要npm的国内镜像–cnpm,当npm安装依赖包失败时候尝试cnpm。 （1）安装cnpm 在命令行输入 npm install -g cnpm --registry=http://
Vue.js入门教程—NPM安装(2)
tpzmz08的专栏
05-26 341
Vue.js 入门教程—Npm安装 文章目录Vue.js 入门教程—Npm安装一、NPM是什么？二、使用步骤1. 下载node.js2. 安装node.js3. 查看版本总结 一、NPM是什么？ NPM是一个node.js下面的一个依赖包安装工具，可以用来安装常用的js依赖，有点类似后端的Maven,Gradle框架之类的。在前端中会经常用到。 二、使用步骤 1. 下载node.js 访问官网：https://nodejs.org/en/download/ LTS （Long Time Support
简单认识：Node.js、VUE、NPM
luluer2016的博客
11-15 1883
一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型。渐进式框架：新的项目或者老旧的项目可以根据自己实际需求和场景来部分使用VUE。独立脚本：无需构建，可以当作一个独立的 JS 文件来是使用，看作一个声明式的JQuery替代品。任何页面作为 Web Component 嵌入单页面应用 (SPA)全栈 / SSR还有web之外的方式（桌面程序、移动端程序）
使用NPM安装vue.js（vue-cli）详细教程
chongzi的博客
03-06 4万+
这篇文章借鉴此博客 文章目录安装node.js安装cnpm安装vue-cli 脚手架构建工具（必须在全局中进行安装）创建项目 安装node.js 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了 安装完之后，我们通过打开命令行工具（win+R）记得用管理员身份打开，不然下面安装可能会出错,输入node -v命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，.
vue---NPM的简介及使用
福仔的博客
04-16 7970
一、为什么要学习 NPM?（NPM 的作用） 我们后续需要用它去下载安装相应 js 库与各种插件（模块）等，比如 vue.js、vue-router.js、axios.min.js、vuex，并且使用频繁。npm 是各种 包管理器，用来下载安装、卸载各种依赖文件（第三方插件）。 二、NPM 是什么？与 Node 的关系 NPM 的全称是 Node Package Manager，即 Node 包管理工具，那么 Node 又是什么？即指 Node.js，Node.js 是一个能够在服务器端运行 JavaSc
vue.js中npm安装教程图解
10-18
Vue.js是一个流行的前端JavaScript框架，用于构建用户界面。在开发Vue.js应用时，npm（Node Package Manager）作为Node.js的包管理器，扮演着至关重要的角色。它允许开发者方便地安装、管理和更新项目所需的依赖包。...
Vue开发必备：Node.js、NPM与VueCLI安装全攻略
最新发布
2301_82300081的博客
01-21 1420
本文主要介绍了 Vue 开发环境的搭建步骤，重点围绕 Node.js、NPM 和 Vue CLI 的安装展开。Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境，可在服务端运行 JavaScript 程序，提升开发效率，需根据操作系统下载对应版本安装包进行安装。
VUE-CLI初始化项目
AyayaOVO的博客
06-26 1020
1、vue init命令讲解 用vue init命令来初始化项目，具体使用方法如下： vue init <template-name> <project-name> init：表示要用vue-cli来初始化项目 ：表示模板名称，vue-cli官方提供的5种模板： webpack：一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。 webpack-simple：一个简单webpack+vue-loader的模板，不包含其他功能，让
（1）初始化项目
weixin_33966365的博客
10-18 189
2019独角兽企业重金招聘Python工程师标准>>> ...
使用 Vue-cli 搭建SPA项目
qq_44641053的博客
08-06 422
使用 Vue-cli 搭建SPA项目使用 Vue-cli 搭建SPA项目安装vue-cli构建项目package.jsonVue项目结构案例 使用 Vue-cli 搭建SPA项目 使用 Vue-cli 搭建SPA项目的前提：搭建好NodeJS环境 node -v npm -v 1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+...
vue-cli安装和项目搭建
u010122776的博客
06-28 438
cmd下，npm install -g vue-cli输入vue命令，'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。
vue.js安装过程(npm安装)
热门推荐
逸尘的专栏
05-17 4万+
一、开发环境vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器。webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板二、环境搭建安装node.js： 1. 从node.js官网下载并安
配置VUE环境
weixin_43358395的博客
11-22 1858
PS D:\VUE-cli> node -v v12.13.0 PS D:\VUE-cli> npm -v 6.12.0 PS D:\VUE-cli> vue -v vue : 无法加载文件 C:\Users\Lenovo\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。 有关详细信息，请参阅 https:/go.microsoft.com/f...
【优快云软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
优快云高校俱乐部官方博客
02-26 2371
优快云软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网优快云制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选优快云站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
vue-cli之初始化项目（二）
weixin_33971130的博客
05-08 2697
1、vue init命令讲解用vue init命令来初始化项目，具体使用方法如下：vueinit<template-name><project-name>init：表示要用vue-cli来初始化项目<template-name>：表示模板名称，vue-cli官方提供的5种模板：webpack：一个全面的webpack+vue-load...
vue.js使用npm安装与配置
qq_42417923的博客
07-03 7555
（1）安装Nodejs　　打开Nodejs的官网（https://nodejs.org/en/），我们可以在页面最中间看到Download这个词，选择对应的版本下载即可，建议下载后一个版本。也可以选择下面的Other Downloads下载其他版本和Mac的版本。　　下载完成后，使用傻瓜式安装即可。安装完成后可以先进行下简单的测试安装是否成功了，后面还要进行环境配置。在键盘按下【win+R】键，输...
使用vue-cli来搭建vue-spa项目
weixin_45180769的博客
08-27 228
1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack (项目名称) 注1：xxx 为自己创建项目的名称 注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境 2. 安装vue-cli 在cmd面板执行下面两条命令 1.install -g vue-cli ...
使用Node.js与npm安装及配置Vue.js开发环境
Vue.js是一个流行的前端框架，npm则是JavaScript的包管理器，用于安装和管理项目依赖。" 在前端开发中，Node.js扮演着至关重要的角色，它提供了运行时环境来执行JavaScript代码，同时也包含了npm (Node Package ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值