• 关于vue-cli创建项目(小白)


    vue-cli,都说是vue脚手架,一般cli是命令行的意思,一看就知道与node有关,其实脚手架是建筑工用的工具,给工人踩在上面干活的,这里借用它的意思,我觉得应该叫vue平台工具大家更容易懂,毕竟脚手架一般人真不知道是啥玩意。也就是说这是用node和webpack来创建vue项目。需要你有node环境和webpack环境,如果没有,请自行安装。node巨简单,webpack坑挺多特别是新版本,如果不怕可以使新的,否则加上@老版本号很容易搞定。有了他们,就可以安装vue-cli了。

    安装vue-cli巨简单,官网写的很清楚。只是安装后里面的各种文件有点多。如果不学weback,不容易理解,至少知道webpack基本配置。

    三步走,:1,cnpm install vue-cli -g 全局安装脚手架 

    2,vue init webpack 文件名  其实除了webpack还有其他形式,然后他会让你对文件进行初始化,按照需要走就可以。安装依赖时候可以ctr c 退出,用cnpm,进入文件夹安装,因为更省时间。

    3,npm run dev 让它在开发环境中跑起来!就可以在浏览器中复制黏贴地址看到它庐山真面目了。

    关于文件,如果仅仅使用,至少了解

    build 和webpack有关的文件。

    config 静态配置文件,可以改端口,更改useEslint为false(否则你稍微不按照它的规范来写就可能出error和problem不让你在浏览器上跑,当然你也可以将报错类型添加到eslintrc.js文件里作为属性,值为0或1,但是这样太麻烦)。

    node_modules node依赖的模块,不要随便改

    src  里是写代码的区域,里面有方静态资源的assets(资产),

    index.htm 是入口文件,能自动注入。

    packge.json,项目目录。

    index.html <--- main.js  <---- App.vue,

    弄懂这三个文件的关系,就可以开干。

  • 相关阅读:
    cf1270D——交互,思维
    cf1270E —— 奇偶构造!+ 坐标系分类讨论旋转
    cf1207E——交互,思维
    cf1271D——经典 dp+贪心+图论
    cf1271E——数学找规律,二分套二分
    cf1272E——bfs反边图
    cf1272F——经典升维dp,好题!
    cf1276B——割点+深搜树
    cf1276C——单调性分析,思维
    cf1277D——思维贪心+字符串
  • 原文地址:https://www.cnblogs.com/dangdanghepingping/p/9928148.html
Copyright © 2020-2023  润新知