美文网首页
vue项目环境搭建

vue项目环境搭建

作者: quanCN | 来源:发表于2019-06-18 10:26 被阅读0次

简介

Vue 提供了一个 官方的CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

安装cli

可以使用下列任一命令安装这个新的包:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

构建项目

使用命令行工具:

vue create hello-world

或者图形化界面:

vue ui

运行项目

通过 npm 或 Yarn 运行项目

npm run serve
# OR
yarn serve

构建项目

构建成功后会在项目根目录生成dist文件夹

npm run build
# OR
yarn build

注:需要注意dist/index.html导入资源文件的路径
可以使用serve -s dist进行查看

相关文章

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

  • 【简单使用】Linux搭建nginx,开启前端服务

    最近项目需求,需要自己搭建nginx,配置VUE项目。由于测试环境,一个服务器需要同时搭建多个VUE项目。环境:L...

  • Vue一:Vue项目的搭建

    Vue项目的环境搭建 vue项目的搭建需要node.js环境,需要安装点击这里进入node.下载。傻瓜式安装即可;...

  • Vue(一)vue-cli搭建Vue项目

    vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...

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

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

  • 从零搭建Vue项目

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

  • 【美团网项目】2.Vue基础知识

    知识点 环境搭建(如何快速搭建 Vue 环境 / 创建一个 Vue 项目) 模板语法 计算属性 类与样式 条件&列...

  • vue-cli(脚手架)搭建工作

    做一个项目开始将一些文件环境搭建好,这里vue提供了vue-cli作为项目搭建工具,在nodejs环境下进行安装,...

  • VUE全家桶

    注意:这里只讲VUE脚手架搭建的项目首先安装开发环境,vue-cli 一键搭建vue项目是基于 Node.js 所...

  • Vue前后端分离项目开发参考

    搭建项目参考 前端 前期准备 node环境 搭建脚手架 安装需要的依赖:vue全家桶(vue-cli、vue-ro...

网友评论

      本文标题:vue项目环境搭建

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