VUE项目开发前期需要准备和配置些什么环境?

 

VUE项目开发前期需要准备和配置些什么环境?

VUE项目开发前期需要准备和配置些什么环境?

 

Node环境

下载:https://nodejs.org/en/,安装在G盘

VUE项目开发前期需要准备和配置些什么环境?

 

npm包管理工具(package manager)自动安装完成。

VUE项目开发前期需要准备和配置些什么环境?

 

使用npm安装vue

先使用CMD安装 npm install vue

提示:

VUE项目开发前期需要准备和配置些什么环境?

 

更换用vue-cli安装安装:

1、npm install --global vue-cli(安装默认版本) ;

VUE项目开发前期需要准备和配置些什么环境?

 

2、npm install -g @vue/cli (安装最新版本)【推荐】

VUE项目开发前期需要准备和配置些什么环境?

 

(建议先在熟悉 Vue 本身之后再使用 CLI)

VUE项目开发前期需要准备和配置些什么环境?

 

vue-devtools浏览器双向绑定

Chrome(失败)下载:https://github.com/vuejs/vue-devtools#vue-devtools

换为火狐:附加组件 - 插件 - 搜索“vue-devtools”,添加

VUE项目开发前期需要准备和配置些什么环境?

 

VUE项目开发前期需要准备和配置些什么环境?

 

VUE项目开发前期需要准备和配置些什么环境?

 

IDE安装:Visual Studio Code

VUE项目开发前期需要准备和配置些什么环境?

 

及安装vue的扩展

Babel安装

安装:npm install -g babel-cli(必须全局安装)

VUE项目开发前期需要准备和配置些什么环境?

 

VUE项目开发前期需要准备和配置些什么环境?

 

Webpack开源前端打包工具安装

VUE项目开发前期需要准备和配置些什么环境?

 

好了,基本需要安装和配置的环境已经搭建完成了。接下来就可以开始搭建第一个VUE项目了。

Logo

前往低代码交流专区

更多推荐