-
【功能模块】【操作步骤&问题现象】1、2、【截图信息】【日志信息】(可选,上传日志内容或者附件)
-
1.由于vue项目依赖 node.js npm 需要先安装. npm安装nodejs下载地址http://nodejs.cn/ 选择与你电脑匹配的安装包进行安装下载完成之后双击打开安装包,进行默认安装,当点击下一步下一步到完成的时候即安装完成win+r 输入cmd回车,打开命令窗口 输入node -v 回车 检查node,js的版本 然后输入npm -v 回车检查npm版本或者可以通过淘宝镜像进行安装node$ npm install -g cnpm --registry=https://registry.npm.taobao.org这样就可以使用cnpm 命令来安装模块了:2.安装vue-clinpm install -g @vue/cli安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。你还可以用这个命令来检查其版本是否正确:vue --version vue -V选定路径,新建vue项目,这里我是在桌面上新建了demo文件夹,cd目录路径下面我以项目名为my-vue新建vue项目安装vue/cli-init依赖npm install -g @vue/cli-initvue init webpack "my-vue"注意 如果这里不选择no 会选择严格格式 接下来编写项目的时候会出现很多警告错误现在已经创建好了 我们先进项目目录 cd my-vue 然后npm install 安装一下依赖你可以在你选择的文件加下看到这些文件 (其中node-modules是依赖安装后出现的,没安装依赖以前是没有node_modules文件夹的)这个Vue项目的package.json 这个文件里记录了一下 这个项目的基本信息 像是作者、工具等 npm run dev 执行命令运行http://localhost:8080 项目预览地址成功3.安装Element UInpm i element-ui -S这里就可以看到已经安装完成4.利用Element UI+vue创建一个简单的后台模板这里要用到路由跳转页面,先安装一下路由依赖体验一下 注意elementui和router 必须先引入后才能使用 不然会报错创建一个views文件夹 用来放置所用页面路由配置左侧导航配置index页面
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签