美文网首页
vue环境搭建+初始化项目

vue环境搭建+初始化项目

作者: super静_jingjing | 来源:发表于2018-08-24 15:46 被阅读0次

环境搭建:

  1. 首先安装好nodejs
  2. 命令行执行以下命令:npm install --global vue-cli
    或者 cnpm install --global vue-cli
    如果cnpm不能使用就要先执行以下命令
    npm install -g cnpm --registry=https://registry.npm.taobao.org

创建项目有两种:

  1. vue init webpack vue-demo01
    如果在创建的时候报错了
    cd vue-demo01
    cnpm install / npm install
    最后
    npm run dev
    运行到最后会有一个url,一般是localhost:8080,在浏览器运行即可看到初始页面

  2. 这种方式创建的目录结构比较简单,推荐有这种方式创建
    vue init webpack-simple vuedemo02
    以后步骤和1相同

相关文章

  • Vue + Cesium环境部署

    一、基本环境安装 node.js webpack安装 vue -cli 安装 二、vue项目搭建 1.初始化项目 ...

  • Vue子组件与父组件之间的通信

    1.环境搭建 下载 vue-cli:npm install -g vue-cli 初始化项目:vue init w...

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

  • Vue(7)

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

  • vueDemo-1

    vue打包 使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...

  • 2018-10-10

    环境配置全局安装 vue-cli: 初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...

  • Vue实战开发

    Vue-cli搭建开发环境 1.安装vue-cli脚手架 2.初始化项目 3.修改index.html首页 4.新...

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

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

  • vue环境搭建+初始化项目

    环境搭建: 首先安装好nodejs 命令行执行以下命令:npm install --global vue-cli或...

  • webpack+vue+webpack-dev-server配置

    * 搭建前端工程 1、初始化项目 npm init 2、npm i webpack vue vue-loader ...

网友评论

      本文标题:vue环境搭建+初始化项目

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