如何搭建一个Vue项目

一、 安装@vue/cli

$ yarn global add @vue/cli@4.1.2

当然这之前确保安装了node.js以及yarn命令

二、 vue create

$ vue create demo-name

这里的对应设置在Vue的安装版本及其区别有写到

二、 目录介绍

三、 plugin

vue snippets

webstorm可以在editor=>>file and code template中可以更改对应文件的生成模板

vscode用户可以下载vetur和vue vscode snippets插件

四、 配置alias方便import文件

1. TS/JS

import x form @/components/filename

这里@就代表src目录

2. CSS/SCSS

@import x from ~@/assets/filename

webstorm 需要额外配置settings=>>webpack=>

~\node_modules@vue\cli-service\webpack.config.js此路径