开发vue用什么ide_VUE项目开发前期需要准备和配置些什么环境?
VUE项目开发前期需要准备和配置些什么环境?Node环境下载:https://nodejs.org/en/,安装在G盘npm包管理工具(package manager)自动安装完成。使用npm安装vue先使用CMD安装 npm install vue提示:更换用vue-cli安装安装: 1、npm install --global vue-cli(安装默认版本) ; 2、npm install -

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

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

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

使用npm安装vue
先使用CMD安装 npm install vue
提示:

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

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

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

vue-devtools浏览器双向绑定
Chrome(失败)下载:https://github.com/vuejs/vue-devtools#vue-devtools
换为火狐:附加组件 - 插件 - 搜索“vue-devtools”,添加



IDE安装:Visual Studio Code

及安装vue的扩展
Babel安装
安装:npm install -g babel-cli(必须全局安装)


Webpack开源前端打包工具安装

好了,基本需要安装和配置的环境已经搭建完成了。接下来就可以开始搭建第一个VUE项目了。
声明:图片原创,禁止使用。
更多推荐
所有评论(0)