设计 任务书 文档 开题 答辩 说明书 格式 模板 外文 翻译 范文 资料 作品 文献 课程 实习 指导 调研 下载 网络教育 计算机 网站 网页 小程序 商城 购物 订餐 电影 安卓 Android Html Html5 SSM SSH Python 爬虫 大数据 管理系统 图书 校园网 考试 选题 网络安全 推荐系统 机械 模具 夹具 自动化 数控 车床 汽车 故障 诊断 电机 建模 机械手 去壳机 千斤顶 变速器 减速器 图纸 电气 变电站 电子 Stm32 单片机 物联网 监控 密码锁 Plc 组态 控制 智能 Matlab 土木 建筑 结构 框架 教学楼 住宅楼 造价 施工 办公楼 给水 排水 桥梁 刚构桥 水利 重力坝 水库 采矿 环境 化工 固废 工厂 视觉传达 室内设计 产品设计 电子商务 物流 盈利 案例 分析 评估 报告 营销 报销 会计
 首 页 机械毕业设计 电子电气毕业设计 计算机毕业设计 土木工程毕业设计 视觉传达毕业设计 理工论文 文科论文 毕设资料 帮助中心 设计流程 
垫片
您现在所在的位置:首页 >>帮助中心 >> 文章内容
                 
垫片
   我们提供全套毕业设计和毕业论文服务,联系微信号:biyezuopin QQ:2922748026   
vue环境搭建
文章来源:www.biyezuopin.vip   发布者:毕业作品网站  

第一步 安装:



1 安装node.js , 点击进入 node 官网  http://nodejs.cn/download/


点击下载下来后安装即可。




安装完成后,电脑开始菜单--运行 输入cmd后出现命令框,在命令框里面输入 node -v ,然后敲回车,会出现node的版本号,表名node安装成功



2. 安装cnpm(npm的国内镜像)


在命令行中输入: npm install -g cnpm --registry=http://registry.npm.taobao.org  然后敲回车,会自动安装  (复制一下,然后在命令行里面鼠标右键选择黏贴即可,不用手动输入)

3. 安装webpack  ,同样在命令窗口输入下面内容


npm install webpack -g

4. 安装3.0vue-cli  (脚手架)  (Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli ,原先3.0之前的安装是:  cnpm install vue-cli -g  ,3.0可以通过 vue ui 启动创建项目的控制台。)

cnpm install -g @vue/cli //yarn global add @vue/cli


(卸载命令:npm uninstall vue-cli -g //或者 yarn global remove vue-cli   知道就行不用操作。)

以上步骤完成后,就安装成功了 。



第二步:创建项目:

可以通过 vue ui 启动创建项目的控制台来创建项目,也可以通过下面的命令创建项目。



5创建项目:

在桌面或者 任何其它位置新建一个vue文件夹(其它名字也可以),然后在这个文件夹里面  按住shift ,鼠标右键,会出现 在此处打开命令行,点击会出现命令窗口。

下面是点击后出现的命令行窗口

或者在命令行窗口里面输入 cd /d  C:\Users\Administrator\Desktop\vue  也能进入vue目录。






下面两种创建项目的方式,操作一种即可,推荐第一种

方式 1  (简单,推荐)   在上面的命令行输入    vue init webpack-simple vueone   创建一个项目名为vueone的项目(创建过程中如果让安装npm,那么就选择安装)

下面是创建完成后的项目文件件内容,如果 目录中没有包含node_modules,那么在当前文件夹命令行(右键选择命令行)输入npm install进行安装。


方式2(复制不推荐)    vue init webpack vueone   创建一个项目名为vueone的项目

第三步:运行项目:

第一种:  在当前项目文件夹下 的命令行窗口,输入npm run dev (固定写法),然后敲回车,项目会自动编译,编译成功后后显示项目访问地址。然后浏览器里面输入访问地址就可以访问了。




浏览器输入上面生成的地址:http:localhost:8080  就可以访问了。


第二种运行项目方式: 借助于vscode:


vscode下载地址: http://www.biyezuopin.cc/onews.asp?id=12904











  全套毕业设计论文现成成品资料请咨询微信号:biyezuopin QQ:2922748026     返回首页 如转载请注明来源于www.biyezuopin.vip  

                 

打印本页 | 关闭窗口
  下一篇文章:微信小程序帮助文档
本类最新文章
Java+MySQL+MyEcl 云计算复习要点 java连接数据库及数据库的查询
C++ 连接数据库的方法详解 windows上配置maven环 springboot项目中pom
| 关于我们 | 友情链接 | 毕业设计招聘 |

Email:biyeshejiba@163.com 微信号:biyezuopin QQ:2922748026  
本站毕业设计毕业论文资料均属原创者所有,仅供学习交流之用,请勿转载并做其他非法用途.如有侵犯您的版权有损您的利益,请联系我们会立即改正或删除有关内容!