新建一个vue项目
1.npm install -g vue-cli
2.vue init webpack demo1
demo1自定义项目名称
创建成功后可以在目录下看到文件夹
3.static文件夹用于存放一些静态资源,如图片图标等
4. 组件存放在src/components文件夹中
5.配置路由
①package.json里查看"dependencies"是否有: "vue-router": "^3.0.1",没有就加上去
②"src"目录下main.js是否引入路由,没有就加上 import router from './router'
③"src"文件夹下router文件夹中index.js中配置路由
path中填具体路径
component中填跳转页面的位置
6.
cd demo1
npm run dev
run对应的是package.json文件中,scripts字段中的dev,是 node build/dev-server.js命令的一个快捷方式