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(淘宝npm镜像),比npm安装快很多

命令:

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

3.全局安装vue(-g 全局安装,默认存放路径:D:\Program Files\nodejs\node-global\node_modules)

npm install -g vue-cli

或者cnpm install  -g vue-cli   如果安装了cnpm,使用这个

查看是否安装成功命令:vue

4.使用vue搭建项目

1.新建项目目录,cmd进入目录,例如:D:\vueProject

2.vue init webpack vue01      ,vue01是项目名称,不能太长,vueDemo01这种长度提示名称过长;后面默认按enter键直到安装完成

3.安装过程中,会创建目录 C:\Users\Administrator\.vue-templates\webpack   ,以及目录:D:\vueProject\vue01

4.npm run dev 启动

5.浏览器查看  localhost:8080

原文地址:https://www.cnblogs.com/ligenyun/p/12148686.html

时间: 2024-10-11 03:33:55

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

一 vue开发环境搭建

2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建. 一.node.js安装: node.js:一种javascript的运行环境,能够使得javascript脱离浏览器运行, 给vue一个运行环境. node.js的官网:  https://nodejs.org/en/download/ 安装完毕之后,在命令行下验证是否安装成功:输入nmp,显示如下就表示安装成功. 二.cnpm的安装: 安装完node之后,npm包含

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开发环境搭建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/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装