Vue2.x脚手架搭建

1.首先要全局安装最新版本的node;

2.在cmd中输入Vue2.x安装命令:

1)全局安装vue脚手架:npm install -g vue-cli

2)初始化基于webpack的vue项目:vue init webpack my-project

3)进入你的项目目录:cd my-project

4)安装依赖:npm install

5)启动项目:npm run dev

3.为了以后能执行run dev命令时浏览器自动打开你的项目,将下载好的vue-cli项目中的config下的index.js文件中找到autoOpenBrowser将这个属性的值改为true即可,如图:

Vue2.x脚手架搭建_第1张图片

4.当我们启动项目时在浏览器中的地址栏中会发现如图中的“#”


只需要将项目文件中配置路由文件的js中添加属性mode:"history"即可,如图所示:
Vue2.x脚手架搭建_第2张图片

你可能感兴趣的:(Vue2.x脚手架搭建)