在读此文章再此之前默认你已经安装了 vue 项目

vue项目 脚手架@vue/cli安装

运行项目

cmd 运行 cnpm run serve

  • 运行的目录要在你的项目文件夹下
  • 比如我有一个项目 one
  • 那我就要双击进入 one 项目,在这个目录下运行

展示:


如果地址错误

浏览器打开项目

在浏览器的地址栏输入 上图蓝字 的地址

  • 第一个是你的本地服务地址(选这个
  • 第二个是你ip地址
  • 这两个显示效果都是一样的,不过推荐选择第一个

效果展示:

如何开启 vue 项目相关推荐

  1. 解决开启Vue项目缺少node_models包问题

    解决开启Vue项目缺少node_models包问题 参考文章: (1)解决开启Vue项目缺少node_models包问题 (2)https://www.cnblogs.com/z520h123/p/1 ...

  2. Vue项目 开启gzip

    Vue项目 开启gzip Nginx 动态压缩与静态压缩,显著提高前后端分离项目响应速度 Gzip Precompression模块(Gzip Precompression) nginx缓存配置及开启 ...

  3. vue 打开html流_在vue项目中添加一个html页面,开启本地服务器

    在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...

  4. vue项目中开启Eslint碰到的一些问题及其规范

    eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到 1.'layer' is defined but never used   这是定义了一个变量但是未使用到该变量 ...

  5. canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传

    使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...

  6. 用 cooking 搭建一个简单又优雅的 Vue 项目开发环境 (入门篇)

    本文适合 Vue 的初学者,以及对 webpack 不熟悉的同学阅读.前提是你要会用基本的命令行. Node 和 NPM,以及掌握 ES2015 的基础知识.本文都是在 macOS 环境下运行,要求使 ...

  7. 9102年webpack4搭建vue项目

    前言 首先祝大家元宵节快乐,最近已经好久没有写过文章了,刚好趁着这几天刚刚上班,领导还没有来,偷偷的写一篇关于webpack搭建vue的博客.因为公司使用vue比较多,构建vue项目使用vue-cli ...

  8. 在nginx上部署vue项目(history模式);

    在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...

  9. Vue-CLI + Webpack 搭建 Vue 项目最全分析

    一.vue-cli介绍 vue-cli是一个用于快速搭建vue项目的 脚手架. 二.vue-cli安装.更新 安装过nodeJs .cnpm 后,全局安装vue-cli(以后其他项目可直接使用): c ...

最新文章

  1. python接收邮件内容启动程序_Python实现发送与接收邮件的方法详解
  2. LPSTR, LPCSTR ,LPTSTR,LPCSTR,LPWSTR LPCWSTR
  3. 代码高亮_微信公众号代码高亮美化工具 Markdown Nice
  4. 剑指offer-合并链表
  5. 使用PInvoke互操作,让C#和C++愉快的交互优势互补
  6. 前端学习(2665):完成vue3.0的todolist添加
  7. 单片机课程设计——《基于AT89S52单片机和DS1302时钟芯片的电子时钟(可蓝牙校准)》...
  8. svn 创建 分支 branches
  9. java中try中的语句执行吗_Java异常try里面有return,finally代码会执行吗
  10. linux工作技能第二发:vi
  11. 常见NoSQL数据库概述
  12. 课后作业3:软件分析与用户体验分析
  13. java倒叙遍历list
  14. 【NDN IoT】Caching in Named Data Networking for the Wireless Internet of Things
  15. 110配线架打法图解_110配线架打法图解 110配线架图片
  16. uniapp项目中引用iconfont图标,实现信号强度图标展示(离线使用)
  17. OWC生成统计报表(柱形图)
  18. Linux:fd_set 结构体定义及使用
  19. 英语语法汇总(15.句子)
  20. PADS Layout添加工艺边和Mark的方法和步骤

热门文章

  1. Underlying cause: java.io.IOException : Schema script failed, errorcode 2
  2. 「File」计算机常见文件数据格式
  3. 傅里叶级数推导过程--通俗易懂,强烈推荐!!!
  4. 读书笔记 - 多智能体强化学习在城市交通网络信号的综述2018
  5. 招投标舞弊的22种方式及案例
  6. 显示器 如何切换输入源
  7. COM组件开发(四)——VC++调用COM组件的方法
  8. 云服务器上的项目无法连接数据库,云服务器中项目连接数据库
  9. 总监的烦恼:技术丢了怎么办?
  10. 利用python绘制分析路易斯安那州巴吞鲁日市的人口密度格局