新手搭建 vue 项目

作者: 逃之夭夭li | 来源:发表于2019-01-18 14:43 被阅读0次

使用 vue-cli 脚手架搭建，

1:确保电脑已经安装 node，运行环境

2:全局安装 vue-cli

$ npm install -g vue-cli

mingling

3:创建一个基于 webpack 模板的新项目

project 文件名

mingling

4:安装依赖

cd project

npm install 会出现一个 node_modules文件夹（依赖）

5:运行项目 npm run dev

输入 http://localhost:8081 打开

6:有时候会地址会这样 http://localhost:8081/#/ 如果想去掉 #

在router 文件中，添加 mode:‘history’

7:如果想自动打开浏览器

找到config 下的index.js 添加 autoOpenBrowser: true，如果有，则将false改为true

vue-cli构建vue项目-前端完美开发环境搭建
参考资料: Vue2.0 新手完全填坑攻略—从环境搭建到发布 vue-cli构建vue项目Webpack 入门...
新手搭建vue项目
1.安装node跟npm。 2.安装淘宝镜像输入npm install -g cnpm –registry=htt...
新手搭建 vue 项目
使用 vue-cli 脚手架搭建， 1:确保电脑已经安装 node，运行环境未安装 “http://nodejs...
vue-cli构建vue项目
vue-cli构建vue项目参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 ...
vue项目目录结构详解
通过新手安装vue并且部署项目详细步骤学习后，搭建了自己的一个新的VUE项目。这些目录结构的作用：主要的是src...
【Vue3.0】- 入坑 - 全家桶
本文主要内容基于 vue-cli 快速搭建 Vue 3.0 项目快速搭建 Vue 3.0 项目版本升级vue...
【VUE】安装搭建项目vue-cli
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
vue项目搭建
vue-cli2安装搭建vue-cli3安装搭建 vue-cli2搭建项目相关链接：项目目录结构详解：https...
vue cli3 搭建项目使用vue-router 以及 el
vue cli3 搭建项目使用vue-router 以及 element-ui 搭建vue项目，（node和gi...
VUE学习之路一项目搭建
脚手架搭建vue项目框架 CLI3项目搭建查看搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...