Vue环境安装配置

  1. 安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，（可以不安装）使用cmd。
  2. 安装node,检查node安装是否成功，在git工具中输入node -v(如果成功的话npm一般会随着一起安装,可以输入npm检查一下。
  3. 在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

    检验是否安装成功：cnpm
  4. git工具输入：npm install -g yarn

    检验是否安装成功：yarn -v
  5. vue安装：cnpm install vue
  6. vue-cli3脚手架工具安装：cnpm install -g @vue/cli或者yarn global add @vue/cli 检查其版本是否正确：vue –version（一定要安装cli3版本，自行搜索安装指定版本命令）
  7. 通过图形界面创建vue项目：vue ui

vue项目创建



在自己的文件夹里创建项目

9.



输入项目名称，包选择器一般选择yarn或npm，我选择的yarn。



选择默认之后创建项目。

11.

创建完成

运行项目



点击自定义然后选择插件，最后点击完成



配置部件选择serve



选择任务页，运行项目，等待运行成功之后，点击启动app。

到这个页面，就完成啦！

最新文章

  1. redis 使用
  2. dubbo 使用总结
  3. C++ 记事本: 变量
  4. extjs表格下的分页条——Ext.grid.Panel 的 pagingtoolbar
  5. vimtutor-summary
  6. Java：Java快速入门
  7. Java网络编程-对象编解码方案、优劣对照
  8. 关于IT实例教程
  9. ASP.NET使用ajax实现分页局部刷新页面
  10. 服务器与客户端连接 & 聊天机器人
  11. python设计模式之猴子补丁模式
  12. Android Studio安装时候遇到HAXM问题
  13. Fastjson 实体类JSON化过滤字段操作-PropertyFilter
  14. PAT L2-002 链表去重
  15. linux下的环境变量配置
  16. skynet 源码阅读笔记 bootstrap.lua
  17. Non-parseable POM 解决方法
  18. 显式锁（四）Lock的等待通知机制Condition
  19. python 2.7疑难问题之 编码
  20. scribe、chukwa、kafka、flume日志系统对比

热门文章

  1. RHEL8注册
  2. PowerShell学习笔记三_使用PS操作远程服务器
  3. tomcat反向代理，监控，性能优化详细步骤
  4. response status is 500 https://localhost:7129/swagger/v1/swagger.json
  5. 前端项目线上部署记录 | vue-cli
  6. 页面布局 Stack 层叠组件 Stack 与 Align Stack 与 Positioned 实现定位布局
  7. 像MIUI一样做Zabbix二次开发（3）——Zabbix深度定制的意义
  8. RabbitMQ学习第七章：消息确认机制之事务机制
  9. Java语言程序设计课后小结
  10. vue中标签的替换以及scoped实现css对当前文件起作用的原理