新建一个vue项目

1.npm install -g vue-cli

2.vue init webpack demo1

demo1自定义项目名称

创建成功后可以在目录下看到文件夹

新建一个vue项目

 

3.static文件夹用于存放一些静态资源,如图片图标等

新建一个vue项目

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命令的一个快捷方式

新建一个vue项目

浏览器输入http://localhost:8080

 新建一个vue项目