vue-cli-v4.x从零开始

从零开始

  1. 安装
npm install @vue-cli -g
  1. 初始化创建项目
vue create 项目名
//注意它会自动的创建对应的目录
  1. 选择配置 按键盘的上下键选择 “Manually select features” 回车确定
    在这里插入图片描述

  2. 按空格键表示选择该插件,选择如图所示插件,并回车确定
    在这里插入图片描述

  3. 按照如图选择,回车安装
    在这里插入图片描述

  4. cd 项目名 , npm run serve 运行项目
    在这里插入图片描述

  5. 看src下是主要编写代码的目录
    在这里插入图片描述

  6. 解析一下目录

  • 首先是最外层
最为层目录解释
node_module各种依赖包,cli帮你做了很多事情,甚至挂载服务器
public纯粹的静态文件,public里的资源,除了默认的都不会进行打包压缩
src主要的编写代码的区域
.gitignore上传远程仓库规定不上传的目录
babel.config.js编译模板的一些配置
package包名,插件标识
README.md在远程仓库是会直接展示的
  • 其次src
SRC解释
assets静态资源文件,cli会压缩打包
components放一些自定义的组件
router路由文件
store状态管理
views页面级别的路由组件
App.vuevue文件,第二个根组件,便于分离
index.js入口文件,项目真正在流浪器上执行的开始文件

目录拓展

SRC解释
service接口函数文件
utils函数工具库文件
layouts页面布局组件集合

附录

开发要高效简单 开发配置几乎是必须的,想要了脚手架配置请点这里
vue-cli-v4.x配置

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页