vue环境搭建与运行项目

作者: 少少1 | 来源:发表于2017-09-19 13:26 被阅读153次

环境搭建

1.先安装node.js

直接在node官网下载http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装淘宝镜像

由于npm下载服务器在国外,下载淘宝镜像可以提升下载速度
方法-在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

方法:npm install -g vue-cli 
    输入vue,回车,或出现vue信息说明表示成功

4.创建项目

在cmd中输入:vue init webpack vue_test(这是项目名称)
image.png image.png

5.安装依赖

然后在该文件中安装依赖
输入:cd vue_test(项目名),进入具体项目文件夹
输入:npm install 
之后文件夹中会多一个node_modules文件夹

6.测试环境是否搭建成功

输入:npm run dev
成功之后会在浏览器中显示:
image.png

运行项目或者运行别人的项目

一般项目别人的项目结构目录是
image.png
这个时候我们就好进入该文件中,安装依赖npm install ,然后输入npm run dev就可以运行了
image.png

相关文章

  • Vue(7)

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

  • vue环境搭建与运行项目

    环境搭建 1.先安装node.js 2.安装淘宝镜像 3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架...

  • Windows下安装前端环境

    下载安装运行别人的vue项目 Vue运行环境的搭建需要具备的东西 node.js环境:npm包管理器(必须) cn...

  • vue基础(创建运行项目)

    一.环境搭建(略) 二.新建项目 1.全局安装vue-cli 运行命令 npm install vue-cli...

  • 2019-06-15

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

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

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

  • Vue.js 安装、搭建及创建

    windows环境搭建Vue开发环境 运行下载的Vue demo https://www.cnblogs.com/...

  • vue项目环境搭建及运行

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

  • vue cli 运行相关问题

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

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

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

网友评论

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

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