美文网首页vue
创建vue-cli项目

创建vue-cli项目

作者: 荼蘼toome | 来源:发表于2020-01-03 14:03 被阅读0次
  • vue init webpack projectName
    不允许输入大写字母

创建cli过程中的部分配置内容

  • Install vue-router
    是否安装vue-router
    官方路由,大多数都使用
    直接回车

  • Use ESLint to lint your code
    是否使用ESLint管理代码
    统一代码风格



    md 新建文件
    cd 切换文件位置
    初始化文件
    vue init webpack test1
    test1 : 文件夹名字

创建工程名字..直接回车,不做处理.没有大写字母



项目描述
默认
作者
运行编译是否同步运行


image.png

安装出错

重新再项目里安装环境
cnpm install -gd vue-cli

案例..将vue-cli的首页改为自定义的helloworld

启动服务--找到工程所在地.项目名


等待启动

成功进入http://localhost:8080/#/

切换sublime

打开文件,选择文件夹

components组件
helloworld.vue组件
router
index.js路由的控制

在components文件下新建文件
first.vue
在router文件下index.js
index.js
location

相关文章

  • Vue-cli 2.x使用

    Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init 创建...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

  • 4、Vue-cli项目创建

    Vue-cli项目的创建 最近在开发网站,项目运用到了Vue-cli这个脚手架工具,下面记录一下vue-cli创建...

  • vue项目开发流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • 创建vue项目流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • vue入门教程

    Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目 ...

  • vue cmd的指令

    安装node 使用淘宝 NPM 镜像 全局删除vue-cli 全局安装vue-cli 创建项目 启动项目 npm ...

  • learn-vue

    利用vue-cli创建项目 npm install --global vue-cli vue-init webpa...

  • 使用vue-cli创建项目

    使用vue-cli创建项目 标签(空格分隔): vueJS 说明:vue-cli 是一个官方发布vueJS项目脚...

  • 使用vue-cli3

    一 创建项目 查看vue-cli版本 2.卸载vue-cli 2.x版本,升级为3.x版本 3.创建新项目 二.本...

网友评论

    本文标题:创建vue-cli项目

    本文链接:https://www.haomeiwen.com/subject/ytdzoctx.html