Vue练习手记

1、环境安装

(1)下载文件地址: http://nodejs.cn/

(2)执行安装命令

npm install -g cnpm --registry=http://registry.npm.taobao.org
#下载完毕后执行 如果以前执行过[npm install vue-cli -g]则需要卸载[npm uninstall vue-cli -g]否则vue ui打不开
npm install @vue/cli -g

(3)加载vue初始化组件

1、Element Plus组件(3.0版本的vue需要使用Element Plus;2.0版本的使用 element-ui,混用会报错导致无法启动)

--Element Plus  组件
npm install element-plus --save

2、vue lic 组件(相关的配套内容较多)

--也可改用vue lic进行创建 
vue create lef-library-main

3、安装 Vant UI

npm install vant -S

npm install babel-plugin-import -D

(5)安装完毕后修改main.js  可参考官网:  快速开始 | Element Plus

修改后的main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)

app.use(ElementPlus)
app.use(store).use(router).mount('#app')

之后在app.vue指向的页面中随便找个地方贴上官方提供的组件即可启动项目

(6)idea启动vue  选择npm之后选择run/server进行启动