美文网首页
vue学习:第一章 搭建Vue环境

vue学习:第一章 搭建Vue环境

作者: 小虾皮爱吃肉 | 来源:发表于2018-11-24 23:09 被阅读0次

1.搭建Node环境

下载Node安装包
下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/

2.Vue-cli脚手架安装

npm install vue-cli -g

3.初始化项目

vue init webpack project-name

vue init过程中会有一些选项如下说明:

  • Project name:项目名
  • Project description:项目描述
  • Author:作者信息
  • Install vue-router:加载路由组件(y)
  • Use EsLint to lint your code:是否使用Es代码风格检查器(n)
  • Pick an Eslint preset:模板选择 一般用标准即可(n)
  • Setup unit tests with karma+Mocha:是否安装前端单元测试库(n)
  • Setup e2e tests with Nightwatch:是否安装e2e测试工具(n)

4.加载项目依赖

cd project-name //进入项目所在路径
npm install //加载依赖

5.运行项目

npm run dev

相关文章

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • 三维技术探索-Cesium.js学习

    第一章:搭建开发环境 现有环境配置vue2.6版本vue/cli 4.5.14版本node 14.16 版本 安装...

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • 我的第一个Vue.js项目----仿cnode社区

    一、环境搭建 使用vue-cli脚手架搭建Vue项目 全局安装 npm install -g @vue/cli 查...

  • Vue学习日记

    Vue官方文档以下内容作为本人日常学习使用,不作为参考 一、Vue环境搭建以及vue-cli的使用 Vue多页面应...

  • vue搭建笔记

    如何搭建安装vue环境? 请看教程 Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli) w...

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • 从零搭建Vue项目

    1,搭建Node环境(此处就省略了,可自行百度)2,搭建Vue项目环境全局安装vue-cli(Vue脚手架):cn...

网友评论

      本文标题:vue学习:第一章 搭建Vue环境

      本文链接:https://www.haomeiwen.com/subject/enluqqtx.html