天天看点

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

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 创建项目