关键词：
前言：
最近因为在筹备一个官网的创建，遂前段选择vue+elemen的方式搭建项目。所以需要搭建vue环境，在搭建的时候遇到很多坑，可能是教程老的原因，老是出错，遂出此教程。
过程：
1：安装node.js（https://nodejs.org/en/）
地址：https://nodejs.org/en/ 下载安装
测试是否安装成功：nodejs里面会安装npm指令，显示版本号安装成功。
2：配置nodejs prefix（全局）和cache（缓存）路径
先找到nodejs的安装目录（默认C:Program Files odejs）
在nodejs安装路径下，新建node_global和node_cache两个文件夹
命令进行修改设置
npm config set cache "C:Program Files odejs ode_cache"
npm config set prefix "C:Program Files odejs ode_global"
3：设置环境变量
新增：NODE_PATH 指向我们创建的node_global文件夹
PATH下面加入：C:Program Files odejs ode_global（指向node_global 别忘记修改成自己的目录）
4：安装webpack，打开命令行工具输入：npm install webpack -g
5：安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g
这两步要是失败就是环境变量没有配置好
6：检查 vue-V为大写
创建一个vue项目
- 在硬盘上找一个文件夹放工程用的： cd 目录路径
- 安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。
$ vue init webpack exprice --------------------- 这个是那个安装vue脚手架的命令
This will install Vue 2.x version of the template. ---------------------这里说明将要创建一个vue 2.x版本的项目
For Vue 1.x use: vue init webpack#1.0 exprice
? Project name (exprice) ---------------------项目名称
? Project name exprice
? Project description (A Vue.js project) ---------------------项目描述
? Project description A Vue.js project
? Author Datura --------------------- 项目创建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否启用eslint检测规则，这里个人建议选no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "exprice".
To get started: --------------------- 这里说明如何启动这个服务
cd exprice
npm install
npm run dev
如下图：
- cd 命令进入创建的工程目录，首先cd exprice（这里是自己建工程的名字）；
- 安装项目依赖：npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。
- 启动项目：npm run dev
- 访问 localhost:8080即可
vue环境搭建(代码片段)
Node.js环境搭建Node.js下载链接Windows环境下选择如图所示，其他环境选择对应安装包即可。以下以Windows为例。若nodejs安装目录为：D:\\project\\vue\\nodeJS。安装配置如下：点击安装包进行安装配置环境变量找到你的node.js安... 查看详情
windows安装vue(代码片段)
引言在公司linux环境下安装不顺利，回家在windows下操作感觉到一种幸福nginx先安装了nginx，其实跟vue没关系，只是打算用它做web服务，此处略过nginx的安装和配置下载nodejs说实话，到此刻我并没有彻底弄懂nodejs与vuejs的关系，这篇... 查看详情
vue配置环境踩坑(代码片段)
Vue环境配置踩坑目录Vue环境配置踩坑windows下cnpm-v：无法将“cnpm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。windows下cnpm-v：无法将“cnpm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。npm和cnpm都是在git的全局... 查看详情
windows环境nginx部署springboot+vue前后端分离项目(代码片段)
部署步骤：先在服务器上搭建运行环境，Nginx，MySQL，JDK，Redis。然后打包springboot，vue项目注意：要先将springboot的配置文件application.yml下的redis，数据源的地址端口密码改成服务器环境下的，然... 查看详情
windows环境搭建vue开发环境(代码片段)
一、安装node.js（https://nodejs.org/en/） 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejsprefix（全局）和cache（缓存）路径1、在nod 查看详情
windows环境下vue+webpack前端开发环境搭建(代码片段)
一、开发环境搭建1、前端框架一般依赖node.js，我们首先要安装node.js. 2、由于许多npm的源都在国外的地址，安装起来特别慢，所以我们这里利用淘宝的镜像服务器。安装命令为：npminstall-gcnpm--registry=https://registry.npm.taobao.org之... 查看详情
安装node环境与创建vue工程(代码片段)
安装Node环境与创建Vue工程1.Windows安装Node从Node官网下载最新的LTS版本，是个exe文件，然后正常安装。主要的是配置（如果不想后期的各种模块都安装在C盘的话，默认是在C盘用户家目录下的AppDat\\Roaming\\npm目录... 查看详情
vue环境搭建(代码片段)
Node.js环境搭建Node.js下载链接Windows环境下选择如图所示，其他环境选择对应安装包即可。以下以Windows为例。若nodejs安装目录为：D:\\project\\vue\\nodeJS。安装配置如下：点击安装包进行安装配置环境变量找到你的node.js安... 查看详情
java环境变量配置(代码片段)
Java环境变量配置安装Java后，需要配置Java在windows操作系统中的环境变量，方便应用通过系统环境变量中的配置，找到并使用Java提供的SDK，配置方法非常简单。环境变量的位置在Windows操作系统中，点击“计算机”，选择“属性”... 查看详情
windows系统环境变量的配置(代码片段)
Windows系统环境变量的配置Windows系统中的可执行程序一般以exe做后缀。把exe文件所在的文件夹放在系统环境变量的path变量中，就可以使用终端直接输入程序名执行该程序了。例如，如果没有将Python所在目录放到环境变量中，在终... 查看详情
windows环境下wampserver配置https(代码片段)
因为公司业务主要是在微信上进行开展的，所以作为程序员的我们每天的开发任务就都是在与微信打交道，这个时候我们就需要在本地配置端口映射到外网，方便我们在微信客户端进行调试。最近某种需要，所以需要配置https(443... 查看详情
windows下配置cmder设置环境(代码片段)
...0c;其官网为：http://cmder.net/下载完后，我们可以在Window下配置我们的Cmder了win+R启动Cmder我们可以在Window环境变量的PATH中添加我们Cmder的路径，以后就可以通过win+R输入相关名称来启动我们的Cmder了右键添加Cmderhe 查看详情
vue多环境配置之.env配置文件(代码片段)
Vue之.env环境配置文件.env文件是运行项目时的环境配置文件。但是在实际开发过程中，有本地环境、测试环境、预生产、生产环境等等，不同环境对应的配置会不一样。因此，需要通过不同的.env文件实现差异化配置。... 查看详情
vue-cli项目配置多环境(代码片段)
vue-cli项目配置多环境vue-cli默认只提供了dev和prod两种环境。但其实正真的开发流程可能还会多一个sit或者stage环境，就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码。其实很简单就是设置不同的环境变量详... 查看详情
mongodb系列之window环境部署配置(代码片段)
...令之前还是需要安装部署好开发环境的，本博客基于Window系统介绍MongoDB的一些常规安装部署配置1、实验环境MongoDBServer5.0.9Navicat15.0.28RoboMongo0.9.0Window10系统2、下载MongoDBServer去官网下载https://www.mongodb.com/try/download 查看详情
windows下运行linux命令行环境配置(代码片段)
在windows下配置linux命令行的运行环境，介绍一个工具ChocolateyThepackagemanagerforWindows。配置流程安装gitforwindowsDownload:https://git-scm.com/download/winchocolatey包含丰富的软件包命令行配置$cat/etc/bash.bashrc#避免出现命令乱码的别名使用alias... 查看详情
windows环境下vue项目的创建(代码片段)
1、安装node.js（https://nodejs.org/en/），将安装目录配置到环境变量PATH；2、检查安装情况： 2.1）node-v 2.2）npm-v3、安装淘宝镜像：npminstall-gcnpm--registry=https://registry.npm.taobao.org ... 查看详情
在vite里获取env环境变量(代码片段)
在vite里获取env环境变量.env环境配置文件在cli项目中我们可以是配置.env.[mode]文件来配置环境变量在cli项目中使用.env.[mode]在vite中使用.env文件.env环境配置文件在项目中总会遇到一些默认的配置,需要我们配置到静态文件中方便我... 查看详情