电商行业班
Photoshop CorelDRAW Illustrator Indesign
Axure UI设计
3DMAX Nuke Zbrush Maya 插画 原画
After Effects Premiere CINEMA 4D 兴趣课 短视频
3DMAX AutoCAD SketchUp 设计理论 项目实战
3DMAX PS后期处理 建筑项目实战
UG Powermill Vericut 汽车开发理论
SolidWorks Pro/Engineer AutoCAD
手绘
首饰设计
AI python
短视频实战
Dreamweaver HTML/HTML5 Bootstrap
Java PHP CMS C++ 苹果App应用 安卓App应用 Oracle数据库编程
淘宝运营
新媒体运营
就业指导
营销 文案策划 口才演讲
消防工程师 二级建造师 一级建造师
普通话测试 幼儿 中学 小学
公务员
Word Excel PPT 五笔 Xmind思维导图
会计入门必修基础 会计上岗实操 会计初级职称
泰语 英语 韩语 日语
粤语
培训 工商管理
在线教育
护士执业资格证
初级 中级 高级 高考日语
行政管理 汉语言文学 人力资源管理 “X”自考
成人高考
远程教育
国家开放大学
教师资格证
外汇投资 操盘技能 金融知识
投资 理财
语言能力
专业技能
旅行达人
烘焙 儿童辅食
翡翠鉴定与投资
转手绘
服装搭配 服装设计
音乐
摄影
绘画 国画
沟通能力 心理健康 健康 更多 彩妆
今天我们来介绍一下,如何用vue-cli搭建项目模板
第一、 安装 node.js
首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。
安装完成后,可以令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
第二、安装 vue-cli
安装好了 node,我们可以直接全局安装 vue-cli:
npm install -g vue-cli
但是这种安装方式比较慢,推荐使用国内镜像来安装,所以我们先设置 cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。后面的安装过程中,如有安装失败的情况,也需要先清理缓存
然后使用 cnpm 安装 vue-cli 和 webpack
cnpm install -g vue-cli
最新的 vue 项目模板中,都带有 webpack 插件,所以这里可以不安装 webpack
安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。
第三、生成项目
首先需要在命令行中进入到项目目录,然后输入:
vue init webpack Vue-Project
其中 webpack 是模板名称
Vue-Project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
第四.然后进入项目目录(cd Vue-Project),使用 cnpm 安装依赖
cnpm install
第五.然后启动项目
npm run dev
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所
完善以下信息,为你推荐课程
更多福利 在线客服 下载APP 意见反馈 返回顶部
下载邢帅APP,缓存视频随身看
关注邢帅教育,领取更多福利
今天我们来介绍一下,如何用vue-cli搭建项目模板
第一、 安装 node.js
首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。
安装完成后,可以令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
第二、安装 vue-cli
安装好了 node,我们可以直接全局安装 vue-cli:
npm install -g vue-cli
但是这种安装方式比较慢,推荐使用国内镜像来安装,所以我们先设置 cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。后面的安装过程中,如有安装失败的情况,也需要先清理缓存
然后使用 cnpm 安装 vue-cli 和 webpack
cnpm install -g vue-cli
最新的 vue 项目模板中,都带有 webpack 插件,所以这里可以不安装 webpack
安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。
第三、生成项目
首先需要在命令行中进入到项目目录,然后输入:
vue init webpack Vue-Project
其中 webpack 是模板名称
Vue-Project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
第四.然后进入项目目录(cd Vue-Project),使用 cnpm 安装依赖
cnpm install
第五.然后启动项目
npm run dev
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所