vue环境配置 vue-cli脚手架

vue 环境配置步骤:

第一步:

在官网下载node,Node  下载地址 http://nodejs.cn/

并安装node。检测node是否安装成功, 按 “windows+r”  进入cmd命令窗 ,在命令窗口输入 node -v   -> ”enter"键   ->输入 npm -v  -> ‘enter‘键
显示如下图:

第二步

安装全局vue-cli,在cmd中输入 命令  npm install -g vue-cli

(vue-cli在线文档 : http://github.com/vuejs/vue-cli)

检查vue-cli是否安装成功 在cmd中输入  vue -V 或者 npm install vue -g

第三步

下载基于webpack模板项目,在cmd中输入  vue init webpack  demo(项目名)

如下图:

第四步:

在浏览器中运行输入:http://localhost:8080,如图

vue的环境配置就成功了。希望可以帮助vue配置遇到问题的使用者。

原文地址:https://www.cnblogs.com/lvxisha/p/9452403.html

时间: 2024-10-13 12:34:48

vue环境配置 vue-cli脚手架的相关文章

vue环境配置脚手架环境搭建vue工程目录

首先在初始化一个vue项目之前,我们需要下载node.js,并且安装! 下载地址: nodejs.cn/download 安装完成之后,windows+r 运行命令 cmd  输入node -v  检查是否已经安装成功.如果会显示版本信息,说明安装成功! 现在就可以使用node中的npm包管理器来构建vue项目 第一步,由于npm直接下载资源网速会比较慢,可以用淘宝镜像来代替,运行命令 npm install -g cnpm --registry=https://registry.npm.tao

vue环境配置

1.安装node.js 下载安装包(http://nodejs.cn/download/)注意版本太低的用不了,这里是v8.4.0, 具体安装教程可见:http://www.runoob.com/nodejs/nodejs-install-setup.html,这里面的版本低,安装包从前一个地址下载,安装过程可参考本教程. 2.安装淘宝npm镜像,cmd输入:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 3.安

vue环境配置---dos指令

http://www.jianshu.com/p/5ba253651c3b# http://www.cnblogs.com/ganmy/p/6029774.html 通过上面两个网址总结出来的能开多个服务的dos指令: (1)安装node.js(直接在官网下载) (2)npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...(淘宝镜像) (3)cnpm install webpack -g (4)npm in

vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目的请求生命周期 三.vue项目中的功能 1. 路由相关的标签和方法 2. 路由配置 (1)无路由传参的路由配置方法 (2)路由传参的路由配置方法 3. 页面的跳转功能 (1)标签跳转 (2)逻辑跳转(路由跳转) 四.JS原型 五.vue组件生命周期钩子 六.vue的ajax插件:axios 七.vu

【前端】vue.js环境配置以及实例运行简明教程

vue.js环境配置以及实例运行简明教程 声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目 原文2:Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js(读音 /vju?/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue

vue.cli脚手架初次使用图文教程

vue.cli脚手架初次使用图文教程 我之前的环境是安装了node.js, 我记得曾经好像安装过vue ,不过现在又要重新开始学习起来了.在youtube上看了一vue的相关教程,还是需要实操的. 好像安装过npm -v 发现已经安装了5.6.0 需要安装然后使用 cnpm 安装 vue-cli 和 webpack 安装代码:npm install -g vue-cli 一.生成项目 首先需要在命令行中进入到项目目录,然后输入: vue init webpack vue-testone p.p1

Vue在windows的环境配置

前言: 最近因为在筹备一个官网的创建,遂前段选择vue+elemen的方式搭建项目.所以需要搭建vue环境,在搭建的时候遇到很多坑,可能是教程老的原因,老是出错,遂出此教程. 过程: 1:安装node.js(https://nodejs.org/en/) 地址:https://nodejs.org/en/ 下载安装 测试是否安装成功:nodejs里面会安装npm指令,显示版本号安装成功. 2:配置nodejs prefix(全局)和cache(缓存)路径 先找到nodejs的安装目录(默认C:\

vue 项目环境配置(待补充)

1.下载nodejs 2.github或者码云配置 3.git clone github代码地址 4.vue-cli的安装: npm install -g @vue/cli 5.使用vue ui命令进行可视化环境配置 6.将代码提交到github或码云 使用的命令: 1. git add . 2.git commit -m "描述" 3.git push 原文地址:https://www.cnblogs.com/lalavender/p/10434426.html

vue环境搭建与配置,新创建vue demo

1.下载node https://nodejs.org/en/download/ 2.需要创建 npm config set cache "D:\SoftTool\Eclipse\vue\node-v12.14.1-win-x64" npm config set prefix "D:\SoftTool\Eclipse\vue\node-v12.14.1-win-x64"3.安装淘宝镜像 npm install -g cnpm --registry=https://r