关于vue.js:vue3

环境配置

装置yarn

npm install -g yarn

配置vue
vue3官网文档地址：

https://v3.cn.vuejs.org/guide/installation.html

一、装置vue3.X调试工具vue-devtools-6.0.0

博客地址:

https://blog.csdn.net/qq_48731430/article/details/123313928

二、创立我的项目

1、装置脚手架

npm install -g @vue/cli

2、创立我的项目

(第1种)

vue create project1

第二种形式
yarn create vite project

3、装置sass，用来解决scss文件

yarn add -D sass

遇到问题：
can not resolve sass-loader
解决办法：
cnpm install sass-loader -D
cnpm install node-sass -D

4、vscode配置vue代码模板

1、唤出vscode控制台, 输出
win: Ctrl + Shift + P
mac: command + Shift + P
2、输出snippets

3、选中vue.json

4、配置内容

{    "vue-template":{        "prefix": "vue",        "body": [            "<template>",                "<div>",                " ",                "</div>",            "</template>",            "<script>",            "    export default {",            "        data(){",            "            return {",            ""            "            }",            "        }",            "    }",            "</script>",            "<style lang=\"scss\" scoped>",            "</style>"        ]    }    }