zoukankan      html  css  js  c++  java
  • vue—利用脚手架搭建项目

    用命令行工具  (win+R打开cmd)

    1、进入到桌面,创建vue项目,(vue-app是vue的项目名称)

    2、选择预设  第一种是系统默认的。可选择第二种Manually select  features (手动设置)

    3、选择Bablel(作用是转化代码,ES6转成ES5)

    4、把设置放在哪?

    第一个是把那些文件单独放一个文件,第二个是都放在package.json文件中,选择package.json

    5、要保存预设给未来的项目吗?  可以选择保存

    6、给预设起个名字,如 onlyBabel

    7、然后按步骤进入vue-app  再npm run serve

    8、运行完会得到一个路径,在本地访问就可以

    将桌面上创建的vue-app拖到viscode中,显示以下文件

    ①node_modules放的是一些依赖的包文件

    ②public相当于主文件夹,路径显示的页面就是public文件夹中的html文件

    ③src文件夹是工作中经常用到的文件夹

    其中main.js是index.html中引入的js文件,是主入口文件

    其中App.vue是组件,在main.js中使用组件是在render函数中使用的

    在脚手架中可以写jsx语法

    还可以加点击事件 —>  on-click

    好处是可以替换标签,比较方便

    ④组件放在components文件夹中

    ⑤assets放静态资源,比如公共的style ,图片之类

    修改预设可以在用户文件夹中找到vuerc文件进行修改,

    将prests中的内容都删除就行

  • 相关阅读:
    防火墙透明模式
    HP管理工具System Management Homepage安装配置
    kbmmw 中JSON 中使用SQL 查询
    kbmmw 中JSON 操作入门
    第一个kbmmw for Linux 服务器
    kbmmw 5.02发布
    kbmmw 5.01 发布
    使用delphi 10.2 开发linux 上的Daemon
    使用unidac 在linux 上无驱动直接访问MS SQL SERVER
    使用delphi 10.2 开发linux 上的webservice
  • 原文地址:https://www.cnblogs.com/tianya-guoke/p/11484744.html
Copyright © 2011-2022 走看看