VUE手脚架的安装和应用教程

• 手脚架的创建（自动搭建项目的工具）：vue-cli
  • 1、基于node环境，首先配置好node环境
    • 查看node版本：node -v
    • 查看npm版本：npm -v
  • 2、win+R打开管理员窗口，全局环境下安装手脚架
    • 第一步：npm i -g @vue/cli
    • 第二部：npm uninstall -g @vue/cli
  • 3、创建手脚架项目
    • 第一步：cmd打开总文件夹的管理员窗口
    • 第二步：vue create myvue
    • 第三步：选择第三个Manually select features 空格键选择后回车
    • 第四步：选择babel router vuex，空格选中
    • 第五步：选择2.x--->n---> 选择第一个--->n
    • 第六步：运行
      • 第一步：cd myvue
      • 第二步：npm run serve
      • 第三步：访问:localhost:8080（运行后会给出端口号）
• 几个最基本的目录
• • 

   

• 怎样用手脚架写出一个页面
  • 第一步：在主要vue页面，即App.vue页面，进行路由链接

    • 

  • 第二步：建立一个新的文件夹，存放新页面的所有子页面，并在主页面填充数据

    • 

  • 第三步：配置路由

    •