前端Vue.js环境配置

Vue是一套用于构建用户界面的渐进式框架。有着易用、灵活、高效的特点。以下是在mac电脑上的相关配置详细内容

一、 Mac安装Bower。

1、访问nodejs官网，点击蓝色选框区域稳定版，并下载nodejs官网

nodejs官网.png 下载完安装即可(我选择的是右边的下载的)。
2、验证安装是否成功，输入一下命令(如果不出意外的话都是成功的)。

node -v

npm -v  //node包含npm

如果出现版本信息，说明安装成功。没有就如上步骤操作，一般都会成功。
3、安装bower，得首先安装node：

brew install npm 

npm是nodejs的程序包管理器，如果安装过nodejs，可忽略此步。 image.png

4、安装bower：

sudo npm install -g bower //-g：全局安装

5、测试是否成功安装：

bower -v

6、Bower 安装Vue

bower install vue

Bower 安装Vue.png

兼容性:Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。
参见：安装-Vue
Vue基础详见：Vue介绍
Vue组件插件引入:Element-网站快速成型工具

二、 Vue命令创建项目

1、全局安装 vue-cli

npm install -g @vue/cli @vue/cli-service-global

2、使用vue-cli脚手架快速搭建项目

vue create my_project

系统将提示您选择一个预设。您可以选择带有基本 Babel + ESLint 设置的默认预设，或者选择“手动选择功能”来选择您需要的功能。
参见：Vue-CLI。 或者按如下代码创建一个基于webpack模版的新项目

vue init webpack my_project

webpack.png

3、创建项目完成之后输入如下代码运行测试是否创建成功

npm run server

npm run server.png

或者

npm run dev

显示结果如下就是代表项目创建成功 代表项目创建成功.png

三、问题1:node升级之后，Vue项目npm install报错的处理方法

使用终端cd项目，输入命令:npm update 来更新依赖包即可

npm update //安装最新的node执行此命令即可