网络日志

vue3

环境配置

安装yarn

npm install -g yarn

配置vuevue3官方文档地址:

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 -Dcnpm install node-sass -D

4、vscode配置vue代码模板

1、唤出vscode控制台, 输入win: Ctrl + Shift + Pmac: command + Shift + P2、输入snippets3、选中vue.json4、配置内容

{
    "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)