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-cli, cmd输入：cnpm install -g vue-cli 安装

cmd输入：vue，回车，出现vue信息说明安装成功

4.创建项目:  进入想要安装的盘目录如E盘 cmd输入：  e: 进入到E盘根目录，然后创建vue项目文件夹，这里把文件命名为test, cmd输入：vue init webpack test，创建文件夹

5.安装依赖；cmd输入：cd test 进入到具体项目文件夹，输入：cnpm install，回车，test文件夹目录下出现node_modules文件夹

6.测试环境是否搭建成功，在cmd里输入：cnpm run dev，浏览器出现localhost:8080窗口，成功安装

7.配置好环境之后，安装vuedevtools调试工具, 下载地址，chrome安装vuedevtools插件，进不去google应用商店的话，进入http://getcrx.cn下载离线文件，然后拖到chorme插件安装，安装成功调试

时间： 2024-08-29 19:16:03

vue环境配置的相关文章

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环境配置 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在

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.js环境配置以及实例运行简明教程

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

VUE项目多环境配置.md

目录 一.了解webpack.DefinePlugin 二.项目中如何配置多环境 web项目开发,通常需要有开发环境.测试环境和生产环境,用于配置不同的环境变更,如调用本地接口.测试接口和生产接口,VUE项目是前后端完全分离的框架,像是web界的C/S构架,在做VUE前端开发时,就需要用开发环境甚至于mock环境,等项目上线时,则需要使用生产的环境变量进行打包部署. 一.了解webpack.DefinePlugin webpack是静态模块打包器,可以将vue项目中所有文件打包成一个或多个jsb

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基础（环境配置、内部指令、全局API、选项、内置组件）

1.环境配置 安装VsCode 安装包管理工具:直接下载 NodeJS 进行安装即可,NodeJS自带 Npm 包管理工具,下载地址:https://nodejs.org/en/download/安装完成后在命令行执行以下命令查看npm包管理器版本 npm -v npm中文文档:https://www.npmjs.cn/ 配置淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 然后执行 cnpm -v 查看版本信

vue开发环境配置跨域，一步到位

本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问,前端跨域解决方案 production:产品 生产环境 development:开发 开发环境 1.开发环境设置跨域 使用工具:vue-cli自带的配置 配置目录 /config/index.js //自行复制黏贴 proxyTable: { '/apis':{ target: 'http://10.1.63.26:19080/', // 后台api changeOrigin: true, //

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