VUE 环境搭建

前言

本人将在此分享一个项目从vue环境搭建 --> spring boot整合(spring cloud) -->项目部署 ,该项目会分为两个框架springboot+vue/springcloud+vue前后端分离的模式。本人也是边学边做,如有疑问可共同探讨,希望大佬多多指点!

首先开始我们的vue环境搭建

一、Node.js下载安装
本地不是特意的记录vue环境怎么搭建的,所以这边我们直接上vue-cli ,其他vue的引用方法可参考官网https://cn.vuejs.org/v2/guide/index.html
安装Node.js的目的是为了获得里面的npm工具方便的帮你管理各类前端的框架或插件。本人用的版本为 12.17.0 ,可根据自己需求来选择版本
安装链接: https://nodejs.org/zh-cn/download/
VUE 环境搭建_第1张图片
二、安装vue-cli

npm install --global vue-cli
npm -v
node -v

VUE 环境搭建_第2张图片
三、安装淘宝镜像

npm install cnpm -g --registry=http://registry.npm.taobao.org
cnpm -v
cnpm install
-- 使用阿里巴巴在国内的镜像服务器
npm install -gd express --registry=http://registry.npm.taobao.org
-- 避免每次安装都需要--registry参数,可以使用如下命令进行永久设置:
npm config set registry http://registry.npm.taobao.org

查看全局的安装目录
npm root -g

VUE 环境搭建_第3张图片

四、vue-cli的安装
vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

cnpm install -g vue-cli

安装完后,检查是否安装成功,输入vue,出现以下提示表示安装成功。
VUE 环境搭建_第4张图片

你可能感兴趣的:(vue.js,前端,javascript)