1.安装node.js
参考链接: https://www.jianshu.com/p/13f45e24b1de
2.安装cnpm(可选)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装vue cli4
npm install -g @vue/cli
4.输入vue -V查看vue cli版本,出现版本号说明安装成功
vue-cli4 使用vue ui 创建项目 5.使用vue ui创建项目
vue ui
vue-cli4 使用vue ui 创建项目 6.浏览器会自动跳转到http://loclahost:8000/
选择创建项目得路径,点击创建项目
vue-cli4 使用vue ui 创建项目 7.输入项目名,选择包管理器,本文采用yarm
vue-cli4 使用vue ui 创建项目 8.点击下一步,选择手动
vue-cli4 使用vue ui 创建项目 9.根据项目情况选择需要用到得包,特别注意,使用配置文件推荐勾选!
vue-cli4 使用vue ui 创建项目 10.选择是否使用history,不勾选
vue-cli4 使用vue ui 创建项目 11.最后一步,点击创建项目,最后生成目录结构如下图所示
vue-cli4 使用vue ui 创建项目