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.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)
转载自:https://segmentfault.com/a/1190000041975976