vue官网：https://cn.vuejs.org/index.html
转自：https://blog.csdn.net/weixin_42153615/article/details/117895286
1、下载npm
npm: Nodejs下的包管理器。
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。
vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装)
2、下载安装Nodejs和npm
注，npm是Nodejs下的包管理器，安装Nodejs后就可以使用npm工具。
npm 版本查看及升级// 查看版本
npm -v
// 升级版本
npm install -g npm注：若npm install 报错 permission denied，使用sudo npm install -g npm
3、使用npm安装vue
注：npm 版本需要大于 3.0// 最新稳定版
npm install vue
// 安装vue-cli脚手架构建工具
npm install --global vue-cli
等待安装安成后，输入vue -V，如果出现相应的版本号，则说明安装成功。如图：
4、安装webpacknpm install --global webpack
npm install --global webpack-cli
安装完成，输入webpack -v，如果出现相应的版本号，则说明安装成功。如图：
5、新建项目// 创建一个基于 webpack 模板的新项目
vue init webpack my-project
// 这里需要进行一些配置，默认回车即
6、运行项目cd my-project
npm run dev
成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：
更多web前端开发知识，请查阅 HTML中文网 ！！
