vue-cli4 使用vue ui 创建项目

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版本,出现版本号说明安装成功

 

5.使用vue ui创建项目

vue ui

6.浏览器会自动跳转到http://loclahost:8000/

选择创建项目得路径,点击创建项目

vue-cli4 使用vue ui 创建项目_第1张图片

7.输入项目名,选择包管理器,本文采用yarm

vue-cli4 使用vue ui 创建项目_第2张图片

8.点击下一步,选择手动

vue-cli4 使用vue ui 创建项目_第3张图片

9.根据项目情况选择需要用到得包,特别注意,使用配置文件推荐勾选!

vue-cli4 使用vue ui 创建项目_第4张图片

10.选择是否使用history,不勾选

vue-cli4 使用vue ui 创建项目_第5张图片

11.最后一步,点击创建项目,最后生成目录结构如下图所示

vue-cli4 使用vue ui 创建项目_第6张图片

你可能感兴趣的:(vue)