一 vue开发环境搭建

2016年,Vue同Angular、React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建。

一、node.js安装:

node.js:一种javascript的运行环境,能够使得javascript脱离浏览器运行, 给vue一个运行环境。

node.js的官网:  https://nodejs.org/en/download/

安装完毕之后,在命令行下验证是否安装成功:输入nmp,显示如下就表示安装成功。

二、cnpm的安装:

安装完node之后,npm包含的很多依赖包是部署在国外的,在天朝,大家都知道下载速度是超级慢啊。所以我们要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快多了。安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org

三、vue-cli的安装:

vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
安装命令为:cnpm install -g vue-cli,回车,等待安装。

安装完后,检查是否安装成功,输入vue,出现以下提示表示安装成功

原文地址:https://www.cnblogs.com/liufei1983/p/8419681.html

时间: 2024-10-10 06:16:14

一 vue开发环境搭建的相关文章

webpack+vue开发环境搭建

前提: 1.安装必要工具(node等); 2.安装全局vue-cli脚手架(快速搭建vue开发模板) 命令:npm install -g vue-cli 3.安装webpack 命令:npm install webpack -g (有问题可以使用npm install --save-dev webpack-cli -g命令) 4.运行命令: vue init webpack 项目名 注:回车后可能显示 Command vue init requires a global addon to be

基于webpack的vue开发环境搭建

1.新建并初始化项目(npm int -y),安装webpack,webpack-cli webpack-dev-server 2.安装vue: npm i vue --save 3.dist下建立index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con

Windows系统下Vue开发环境搭建详解版

?记在前面 之前学js也踩过很多坑,第一次用博客记录这些过程,一方面自己以后能够回顾,另一方面也希望能帮助跟我自己一样遇到同样问题的朋友 ps:不会的就去搜,去问,千万不要觉着遇到难点了,暂时走不下去了,就放弃!!!大家一起学习进步~~~ 在慕课网上跟着这个视频学习搭建的:https://www.imooc.com/video/12299 一.首先是windows系统,需要安装node.js和git 1.node.js:https://nodejs.org/zh-cn/    下载哪一个都可以(

vue 开发环境搭建

1.下载node.js 下一步安装完成.集成了npm包管理器,命令窗口检测node -v  npm版本 2.使用淘宝镜像 cmd运行  npm install -g cnpm --registry=https://registry.npm.taobao.org   提升安装包速度. 3.cnpm install cnpm -g  升级npm,npm版本大于3.0 4.cnpm install --global vue-cli    安装vue-cli命令行 5.vue init webpack

《Java周边》vue开发环境搭建(windows)

1. NodeJs 安装包下载 百度云:链接: https://pan.baidu.com/s/169TdKRLZd0dXbKSGTr8evw 提取码: th4a 复制这段内容后打开百度网盘手机App,操作更方便哦 官网:http://nodejs.cn/download/ 2. 安装Node.js 下载完毕后,可以安装node,建议不要安装在系统盘(如C:). 设置nodejs prefix(全局)和cache(缓存)路径 1.在nodejs安装路径下,新建node_global和node_c

vue开发环境搭建

1.nodejs安装 2.配置nodejs 3.安装vue 4.使用vue搭建项目 1.nodejs安装 安装包地址:下载 查看安装是否成功   node -v 2.配置nodejs(占用空间大,不要放在c盘) npm config set prefix "D:\Program Files\nodejs\node-global"npm config set cache "D:\Program Files\nodejs\node-cache" ps:可安装cnpm(淘

vue开发环境搭建win10

需要安装nodejs, [email protected], babel-cli,  vue-cli 1 安装nodejs 现在版本默认会安装nodejs 和 npm包 和 配置环境 2 检查是否安装成功,在命令行中输入 显示成功则正确 3 安装[email protected] 为什么要限制版本,是因为自己在安装最新版本时(3.8.1)出现各种问题,一直安装不上. npm install -g [email protected]2.2.1 4 安装babel-cli, 编译工具将ES6代码转换

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

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装