1.安装vue-cli

npm install -g @vue/cli

2. 安装初始化工具

拉取 2.x 模板 (旧版本)
Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue­cli) 被覆盖了。
如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:

npm install -g @vue/cli-init

3. 创建项目

vue init webpack 项目名
// 确认项目名
// 输入项目描述
// 作 者
// 让选择创建方式 默认 回车
// 选择是否安装vue‐router y
// 是否安装eslint n
// unit test n
// e2e test n
 // 选择NPM
进行安装....

在vscode中打开



页面显示:**HelloWorld.vue **



代码图意: