前提先安装node.Js,nodejs带npm
在D盘下创建一个vuetest空文件夹,命令行切换路径到该文件下,
首先查看一下是否安装对应的模块环境,没有的按照下面的命令进行安装
- npm install -g webpack //全局安装webpack
- npm install -g webpack-cli //全局安装webpack-cli
接下来使用vue-cli脚手架构建项目
- npm install -g vue-cli //全局安装vue-cli
安装完成后,输入 vue -V 可以查看安装的版本
- vue init webpack myvue //创建myvue项目
Use ESLint to lint your code? 这个规范代码用的,多一个空格都会报错,强烈建议选no。
Setup unit tests with Karma + Mocha 、Setup e2e tests with Nightwatch?这两个是测试,可以不用安装
- 等待安装完成后,就可以运行项目了
1、cd myvue //切换到项目目录
2、npm run dev 或 npm start //运行项目
最后打开浏览器输入localhost:8080,看到下面的页面,即一个vue项目成功搭建。
项目结构
- 打开router文件夹下面的index.js文件
mode: 'history',
添加这行代码将地址栏localhost:8080/#/ 中的这个#号去掉