vue 开发环境的搭建
一、整个流程:
安装nodejs >> 安装vue >> 安装vue-cli >> 初始化 webpack(生成代码) >> 安装依赖 >> 运行vue程序
二、详细安装流程:
1.安装nodejs
下载:https://nodejs.org/dist/v12.18.3/node-v12.18.3-x64.msi
安装:双击、next、next、next……(安装路径随意)
检查安装结果:
ps:安装过程默认配置了环境变量(node 和npm),查看环境变量:path
配置镜像站
npm config set registry=http://registry.npm.taobao.org
查看配置信息
npm config list
2.安装vue
npm install vue -g
安装模块:vue-router
npm install vue-router -g
3.安装vue-cli (脚手架)
ps:不配置国内镜像站,可能安装很慢
npm install vue-cli -g
安装的三个模块都在这里
相关推荐
-
如何搭建一个vue-cli4+webpack移动端框架?本文详解
简介 这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用. 技术栈:vue-cli4 + webpack4 + vant + ax ...
-
nodejs下载、安装和配置
简介 Node.js 是运行在服务端的 JavaScript.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 ...
-
【Vue】搭建开发环境
学习一个新东西的时候,先要把开发环境搭起来,最近想学学前端技术,vue的开发环境搭建还是比较简单,这里简单记录一下 搭建环境 1. 开发工具 VSCode VSCode插件 - vue(语法高亮) 2 ...
-
基于 Vue 的 Electron 项目搭建
Electron 应用技术体系推荐 目录结构 demo(项目名称) ├─ .electron-vue(webpack配置文件) │ └─ build.js(生产环境构建代码) | └─ dev-cli ...
-
使用webpack搭建环境,全局安装vue项目
使用webpack搭建环境,全局安装vue项目
-
SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境
一.简介 1.项目介绍 (1)基本介绍 使用 vue 以及 element-ui 搭建一个 后台管理系统的模板. 当然,这类模板网上有很多,可以直接下载使用. 写这个项目的目的,纯属练手(写的比较糙) ...
-
Vue-Cli脚手架搭建详细步骤
vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK. 1.安装 ...
-
如何导入一个vue-cli项目
如何导入一个vue-cli项目
-
vue 开发常用工具及配置一
目录 1,NodeJS 2,Vue CLI 3,Vue UI 4,后台接口反向代理 5,vue-devtools 1,NodeJS 访问 nodejs.org 下载.这是必不可缺的环境之一.下载最新的 ...
-
Windows环境搭建Vue开发环境
一.安装node.js(https://nodejs.org/en/) 下载完毕后,可以安装node,建议不要安装在系统盘(如C:). 二.设置nodejs prefix(全局)和cache(缓存)路 ...
-
“物联网开发实战”学习笔记-(一)硬件开发环境的搭建
这里的分享是通过自己的整理总结出的一个课程的学习笔记,我想用简洁易懂的步骤来分享一个物联网建立的过程. 这里课程上有四个 4 个产品场景 1.可以手机控制的智能电灯 2.可以基于光线自动调节的智能电灯 ...
-
vscode 配置vue开发环境
vscode 配置vue开发环境
-
SAP系统和微信集成的系列教程之一:微信开发环境的搭建
本系列的英文版Jerry写作于2017年,这个教程总共包含十篇文章,发表在SAP社区上: https://blogs.sap.com/2017/12/10/wechat-development-ser ...
-
vue开发环境和生产环境配置
开发环境配置 一般情况下开发环境是会跨域的,所以我们只需要在跨域的位置配置即可.进入config/index.js,在proxyTable对象里面添加代码,如下 '/api': { target: ' ...
-
iTOP3399开发板Android应用开发环境搭建-安装AndroidStudio(一)
配 套 资 料 在 网 盘 资 料 的 " iTOP-3399 开 发 资 料 汇 总 ( 不 含 光 盘 资 料 ) \06_iTOP-3399 开 发 板Androidstudio\安装 ...
-
每日一课 | Python 开发环境搭建及预备知识
今天 Python大本营每日一课 大家好,我是营长,上期营长分享了数据科学"的知识点:,不清楚的小伙伴可戳这
-
手把手教你搭建计算机视觉开发环境
来源:Python数据之道 作者:来自读者投稿 整理:阳哥 本文将以 Linux 系统下安装 tensorflow 为例来讲解计算机视觉开发环境的搭建过程. 1.安装 nvidia 驱动 首先去 Nv ...