921bd9e995d3335846a1649da4d1b477.png

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

f182f27baaedd310d4a251b736a92dbd.png

Node环境

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

68057406e5b96958bfcb8cb8223c2099.png

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

fe0a4a2cad682060d5673bfdcae42265.png

使用npm安装vue

先使用CMD安装 npm install vue

提示:

5a9b5474f1231dddc3088fdc9d1e698f.png

更换用vue-cli安装安装:

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

86c1e3f2836949255247d5f083dbac2d.png

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

ca0e928d2d0c708c9633c5777c8e307e.png

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

de095f7ff200da979c27ec042705c034.png

vue-devtools浏览器双向绑定

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

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

f939c929795e0bbc1a50f8264cf6a793.png
8ed0423fcfcdfdd659f62c13fec38544.png
12ab89ea2e58f393ce224b64e047027f.png

IDE安装:Visual Studio Code

11b87c7b769d000fcb05030c6dc1c320.png

及安装vue的扩展

Babel安装

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

a3e523d50c5f7d5dfcf2f66058e648fc.png
eb90a6bbe9c346322c469e36c34f6c9d.png

Webpack开源前端打包工具安装

55b4e3d3cd864c46885a442455128301.png

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


声明:图片原创,禁止使用。

Logo

前往低代码交流专区

更多推荐