创建项目

• 打开命令行
  • yarn global add @vue/cli@4.1.2
  • vue create vue-1
• 手动设置（回车确定，空格选择）
  • cd vue-1
  • webstorm中打开文件夹
  • 在webstorm终端中 yarn serve

• 目录说明

• 编辑器配置

  • 添加vue snippets

• import alias

  • ts和js的 @表示src，引用时直接 @/components/xxx.vue 即可
  • 让scss也可以使用 @，注意，scss使用 ~@,在设置中搜索webpack，然后添加vue-1\node_modules@vue\cli-service\webpack.config.js文件即可

// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

//举例
@import "~@/assets/styles/test.scss"