Vue技术

Vue:
新建非中文文件夹
地址栏输入cmd回车

npm init -y								  # 初始化项目依赖文件
cnpm i -D @vue/cli@4.5.15 				   # 安装4.5.15脚手架
npx vue -V    				      		   # 查看vue-cli版本号
npx vue create project-one 		            # 创建项目

然后vscode打开创建项目的文件夹 选择到项目根路径 新建自启动文件vue.config.js

module.exports={devServer:{open:true}}

安装elementui 在vscode中打开终端输入：

npm i element-ui -S

在src里面的main.js里面输入

//引入element-ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
//在vue中使用ElementUI
Vue.use(ElementUI);

安装路由：

1在components目录下新建routes目录 然后新建index.js

npm i vue-router@3 -S