vue脚手架项目创建及整理

环境准备

首先安装node,如果项目需要指定node版本 可以按装nvm控制版本

创建vue

html 复制代码
vue create 项目名

选择对应版本


这边我是选的自定义,就是第三个选项,可以提前给我下好 router vuex什么的(空格)

选项如图标注

等待下载所需的东西

运行完后有两行命令,分别执行,只要能跑起来就成功了!

项目整理

项目运行后会带 # 就不好看

http://localhost:8080/#/

在router下加一句就好了

http://localhost:8080/

安装element

java 复制代码
项目命令框执行
npm i element-ui -S
-----------------------------------------------
js 引用 复制即可
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

引用在 main.js 里 就完成了element

相关推荐
前端 贾公子5 分钟前
小程序使用web-view 修改顶部标题 && 安全认证文件部署在nginx
开发语言·前端·javascript
胖墩会武术1 小时前
通过Auto平台与VScode搭建远程开发环境(以Stable Diffusion Web UI为例)
前端·vscode·stable diffusion
未来之窗软件服务2 小时前
封装拍照模块,拓展功能边界—仙盟创梦IDE
前端·javascript·html·摄像头·仙盟创梦ide
源力祁老师2 小时前
Odoo: Owl Props 深度解析技术指南
前端·javascript·网络
Liu.7743 小时前
vue3样式穿透用法
前端·vue.js·elementui
SYKMI5 小时前
@JsonFormat时区问题
java·前端·数据库
海盐泡泡龟7 小时前
web常见的攻击方式有哪些?如何防御?
前端·vue.js·webpack
EndingCoder8 小时前
React从基础入门到高级实战:React 基础入门 - React Hooks 入门
前端·javascript·react.js·前端框架
EndingCoder8 小时前
React从基础入门到高级实战:React 基础入门 - JSX与组件基础
前端·javascript·react.js·前端框架
Space Chars9 小时前
【大前端】使用NodeJs HTTP模块创建web服务器、SSE通讯
服务器·前端·http