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

5、安装 scss

yarn add -D sass

6、安装和引用element-ui

安装：
yarn add element-ui --save
引用：
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)