美文网首页
vue环境准备及vue.js 项目运行

vue环境准备及vue.js 项目运行

作者: 吴世浩 | 来源:发表于2017-10-04 17:11 被阅读21次

一、好言

没有人一路单纯到底,但请别忘了最初的自己。

二、背景

最近公司在重构后台系统,引入vue,并且使用饿了么后台框架,所以乘国庆加班,学个基础吧。

三、环境配置及运行

3.1、环境配置

安装node,我下载的是最新的地址,点击node进入官网下载,具体步骤如下

step_1.png

下一步下一步...

3.2、webpack打包安装

webpack介绍:


image.png

webpack安装如下:


webpack_1.png webpack_2.png

3.4、怎么新建项目

首先需要安装vue-cli,我看对于这个都叫做脚手架,这里是一些脚手架项目模板,模板可以在看github查看相关模板信息。

image.png

然后使用vue来新建项目

vue init webpack vuedemo
image.png

运行项目命令如下

npm init
npm install
npm run dev
image.png image.png image.png image.png

vuedemo运行效果

image.png

相关文章

  • vue环境准备及vue.js 项目运行

    一、好言 没有人一路单纯到底,但请别忘了最初的自己。 二、背景 最近公司在重构后台系统,引入vue,并且使用饿了么...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • vue 环境搭配

    vue.js的运行环境配置主要分为3步: 1.安装Node.js(JavaScript运行环境) 2.安装Vue....

  • 浏览器如何看vue服务源码js

    1. vue工程运行命令 默认vue环境已安装好,具体安装步骤,可参考Vue.js 安装执行如下命令,运行vue工...

  • vue升级之路(一)-- 使用vue-cli构建vue项目

    最近在公司用vue.js做了个移动端OA项目,有点感觉vue2.0的运用有点不足,所以准备用这次项目的累积及之前的...

  • 如何运行vue项目

    如何运行vue项目vue-clinpmnode.js vue.js如何打开已有的项目。自已折腾了一下,成功搭建好项...

  • vue cli 运行相关问题

    1,运行vue cli 项目 终端命令:vue run dev 2, 运行 vue cli 项目生产环境 终端命令...

  • 如何运行vue项目(从github上download的开源项目)

    前提:入坑vue.js,从GitHub上download一个vue.js的开源项目,发现不知如何在浏览器运行,通过...

  • vue项目环境搭建及运行

    一.环境搭建 1.安装node.js(window10) 下载完直接安装,下一步。。。 安装好node,可以先进行...

  • vue相关

    vue相关 vue入门 下载vue.js 创建静态web项目 将vue.js导入项目 编写hello页面,引入vu...

网友评论

      本文标题:vue环境准备及vue.js 项目运行

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