最新VUE前端开发框架搭建教程_代码大麦

1、使用node.js版本 v14.17.1

安装步骤只需要根据node.js 步骤安装即可

2、使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令  npm install webpack webpack-cli -g

相对于版本 webpack 5.40.0

相对于版本 webpack-cli 4.7.2

3、安装@vue/cli 4.5.13 

如果原来安装过vue-cli,需要先卸载，命令：npm uninstall vue-cli -g 、安装vue-cli3，npm install -g @vue/cli ,vue cli的包名称由vue-cli改成了@vue/cli
安装完成，可以使用vue --V查看版本是否为3.x

卸载@vue/cli: npm uninstall -g @vue/cli
安装指定版本: npm install -g @vue/cli@3.11.0

进入项目的目录

项目初始化

npm install 依赖