在搭建项目前,需要确认系统是否已正确安装nodejs工具,建议node安装6.+以上的稳定版本,若这个最基本的配置已经完成了,就可以开始搭建项目了

1 进入到你想要创建项目的目录下,全局安装vue-cli脚手架工具

npm install -g vue-cli

2 基于webpack初始化创建vue项目

vue init webpack 项目名称(项目名称需小写)

解释说明
“Project name”:项目名称,不输入直接回车是默认输入时的名称,亦可修改成其他项目名
“Install vue-router”:是否需要vue-router,这里默认选择使用,将生成项目相关的路由配置文件
“Use ESLint to lint your code”:是否使用ESLint,如果需要使用可按回车或输入Y,默认使用,生成相关的ESLint配置;但是这里我输入n,原因是暂时不需要使用
“Setup unit tests with Karma + Moch?”: 是否安装单元测试。由于目前还没有单元测试,这里输入n
“Setup e2e tests with Nightwatch”:是否安装e2e测试,由于项目暂时未使用到,这里输入n

3 安装成功后打开项目

4 进入到项目根目录,安装项目

cd 项目目录
npm install

5 启动项目

npm run dev

浏览器打开地址


接下来就可以开始开心的玩耍啦

vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建相关推荐

  1. vue 源码详解(零):Vue 源码流程图

    vue 源码详解(零):Vue 源码流程图 最近在研究 Vue 的源码, 整理博客, 结果想到的.看到的内容实在是太多了, 不知道从何写起, 故整理了一个大致的流程图,根据这个顺序进行一一整理. 为了 ...

  2. vue 目录名称详解_使用脚手架创建vue项目目录详解

    1.目录 build 构建脚本目录: 配置了webpack的基本配置.开发环境配置.生产环境配置等: 2.目录 config 构建配置目录: 配置了路径端口值等 3.目录 lib-img 我自己建的, ...

  3. Linux运行脚手架vue,Linux Nodejs与vue脚手架详解

    本篇教程介绍了Linux Nodejs与vue脚手架详解,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入. < https://nodejs.org/dist/v8.9 ...

  4. Vue组件-Confirm详解

    Vue组件-Confirm详解 原作者:爱扎马尾的小狮子 一.使用的地方引用,传入属性和方法 在需要的地方引入组件,然后传入对应的属性和方法 组件 <template> <div : ...

  5. 一篇由简到难的 Vue 面试题+详解答案

    作者:Big shark@LX 原文:https://juejin.cn/post/6961222829979697165 前言 本文整理了「高频」出现的 Vue 相关面试题并且附带「详解答案」 难度 ...

  6. 最全最详细前端vue面试题+详解答案(拿到高薪offer不是梦)

    最全vue面试题+详解答案 1.MVC 和 MVVM 区别 MVC MVC全名是 Model View Controller,时模型 - 视图 - 控制器的缩写,一种软件设计典范. Model(模型) ...

  7. vue组件component详解

    vue组件component详解 组件介绍 组件: ​ 组件是拥有一定功能多个html标签的集合体,是对html标签的封装. 好处: ​ 模板中为了实现一个(例如分页)效果,需要绘制20个html标签 ...

  8. vue template html属性,详解template标签用法(含vue中的用法总结)

    一.html5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为template标签天生不可见,它设置了 ...

  9. 【面试题】973- 一篇由简到难的 Vue 面试题+详解答案

    作者:Big shark@LX 原文:https://juejin.cn/post/6961222829979697165 前言 本文整理了「高频」出现的 Vue 相关面试题并且附带「详解答案」 难度 ...

  10. 最全的 Vue 面试题+详解答案

    前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈 如果对原理感兴趣的同学 欢迎查看小编的手写 Vue ...

最新文章

  1. 卸载iso linux系统文件夹,在Ubuntu系统中如何卸载光盘/DVD/ISO
  2. python现有两个磁盘文件a和b_有两个磁盘文件A和B,各存放一行字母,要求把这两个文件中的信息合并(按字母顺序排列), 输出到一个新文件C中Python实例...
  3. mvc html.display,Asp.Net MVC中的Html.DisplayFor()用于项目列表
  4. 后盾网经典原创视频教程php,《后盾网经典原创视频教程:PHP》139集
  5. 重置电脑的网络配置 -- 解决防火墙问题导致的应用启动失败
  6. yii 获取当前域名_yii2 在域名后面加一个路径作为首页
  7. Spark多行合并一行collect_list使用
  8. 网络口碑营销的优势和实施步骤
  9. bp神经网络训练过程matlab,bp神经网络训练时间
  10. Oracle between and
  11. 护照、身份证识别阅读器
  12. Pygame实战:用 Python 写个贪吃蛇大冒险,保姆级教程。
  13. shmget() -- 建立共享内存[zz] - [LINUX]
  14. MySQL误删怎么办
  15. 请说说自己对鲁迅本人他作品的了解计算机,26 回忆鲁迅先生课堂实录及点评
  16. java蓝桥杯数字黑洞_【蓝桥杯】数字黑洞(5位黑洞数)
  17. AIGC能否助力三六零实现“戴维斯双击”?
  18. win10计算机ip如何更改,Win10本地连接ip怎么更改_Win10怎么更改ip地址?-192路由网...
  19. 如何招聘一个外贸SEO推广人员以及如何做后期的KPI考核
  20. Python 网络爬虫实战:爬取《去哪儿》网数千篇旅游攻略数据,再也不愁旅游去哪儿玩了

热门文章

  1. php做上位机,开发过usb上位机驱动的大虾请看一下(附图)
  2. 基于JAVA+SpringBoot+Mybatis+MYSQL的校园二手交易平台
  3. STM32F103ZET6 GPIO的使用
  4. 阅读笔记11-孤独后厂村:30万互联网人跳不出的中国硅谷
  5. django 定制admin
  6. Vertica系列: Vertica DB连接负载均衡
  7. selenium获取接口 HAR
  8. 菜鸟学习Spring——60s配置XML方法实现简单AOP
  9. SQL语句性能分析常用命令
  10. NPOI导出Excel示例