关于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>"
        ]
    }
    
}