zoukankan      html  css  js  c++  java
  • vue脚手架的使用

    npm install -g @vue/cli    --全局环境安装vue/cli

    vue create <project-name>

    在创建项目时你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

    在多选时,空格代表选中,enter代表进入下一个配置项

    且你手动选择的配置项还会存入到你电脑的 ~/.vuerc (C:UsersAdmin)文件中,这样子你下次创建vue项目的时候,可以选择你之前手动配置的配置,这点vue cli3做得很人性化。上面的配置选择完之后,一个简单的vue项目就创建成功了。这个时候你在命令行cd hello-world,进入到hello-world项目根路径下,命令行敲下npm run serve,项目就开始跑起来啦。

    关于npm install的作用:

    1. 为了在开发过程中,安装功能模块的方便,产生了npm包管理器。

    在git clone项目的时候,项目文件中并没有 node_modules文件夹。

    为什么呢?

    我们知道这个文件中保存的是我们项目开发中所使用的依赖模块。这个文件夹可能有几百兆大小,如果放到github上,其它人clone的时候会非常慢,这个时候就想到用一个package.json依赖配置文件解决这个问题。

    这样每个人下载这个项目的时候,只需要进入该项目目录 直接npm install npm就会到里面去找需要的函数库,也就是依赖。

    例如package.json里有一段

    "dependencies": {"vue": "2.5.17","vue-router": "3.0.2", "element-ui": "2.4.6",},

    那么npm install就会读取dependencies中的模块,下载这些模块文件。

    那么这些依赖会放在什么地方呢?我们在哪里能找到这些依赖文件呢?

    npm install执行完以后,我们会发现在项目下多了一个 node_modules文件夹。我们安装的依赖文件都可以在这里面找到哦~。

    2. npm install ...和npm install 有哪些区别呢

    npm install <...> 只下载依赖模块,package.json中dependencies并没有改变。

    npm install <...> --save 会自动往 package.json中"dependencies" 添加xxx属性。

    npm install <...> --save -dev 自动往package.json中"devdependencies" 添加xxx属性。

    注:

    dependencies:生产环境需要依赖的库

    devdependencies:只有开发环境下需要依赖的库

  • 相关阅读:
    给object数组进行排序(排序条件是每个元素对象的属性个数)
    转化一个数字数组为function数组(每个function都弹出相应的数字)
    找出数字数组中最大的元素(使用Math.max函数)
    JavaFX学习笔记索引
    JavaFX学习:第一个程序 Hello World
    Notion笔记链接
    Windows 下 Chocolatey 的安装与使用
    Bootstrap3 文档整理
    (转)OpenCV视频生成报错 Incorrect library version loaded Could not open codec ‘libopenh264‘: Unspecified error
    OpenCV不能读取 mp4 的问题(转)
  • 原文地址:https://www.cnblogs.com/WebApp-DotNet/p/10718222.html
Copyright © 2011-2022 走看看