新手搭建 vue 项目

使用 vue-cli 脚手架搭建,

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

未安装 “http://nodejs.cn/download/”按步骤安装

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 项目)