VUE从零搭建项目—创建项目

8.新建项目 vue init webpack 《项目名称》
  Project name 《》 项目名称(不能包含大写字母)
  install vue-router (是否安装对象路由) 建议选择y
  Use ESLint to lint your code (会对代码进行检测是否规范,不规范会警告。若不希望警告选择n)
9.进入项目目录后 启动项目 npm run dev
    项目目录介绍:
        build:webpack编译对应的一些配置文件
        config:整个项目的核心配置文件 非常重要
        node_modules: 整个项目所有的依赖模块
        src:整个项目开发模块 非常重要
            main.js :表示入口文件
            app.vue: 相当于一个组件,入口组件
            router:路由
            components:各种.vue组件
            assets: 对应的静态资源(图片,字体,css)
        static:纯静态文件
        .babelrc 转码器 ES6、ES7 转换成浏览器识别的ES5代码
        .editorconfig
        .eslintignore
        .eslintrc.js
        .gitignore
        .postcssrc.js
        index.html
        package.json 记载当前所需要的全部依赖 重要 
        package-lock.json
        README.md 介绍项目、描述
10.安装第三方插件 cnmp install * --save-dev

11.关键字 
components
methods 方法写入
mounted 生命周期

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值