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

相关推荐
凉_橙几秒前
gitlab CICD
前端
wangfpp1 分钟前
性能优化,请先停手:为什么我劝你别上来就搞优化?
前端·javascript·面试
踩着两条虫4 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十):CLI与工具链之构建配置与Vite集成
前端·vue.js·ai编程
凉_橙5 分钟前
前端项目与node项目部署记录
前端
踩着两条虫9 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十):CLI与工具链之自定义构建插件
前端·vue.js·ai编程
用户269948725937021 分钟前
使用命令获取figma节点树JSON文件
前端
三小河22 分钟前
JavaScript 稀疏数组:成因、坑点与解决方案
前端
HelloReader28 分钟前
创建第一个 Qt Quick 应用从零到窗口弹出(四)
前端
HelloReader30 分钟前
Qt 项目构建入门CMake 完全指南(三)
前端
用户9083246027337 分钟前
Spring AI + RAG + SSE 实现带搜索来源的智能问答完整方案
前端·后端