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:只有开发环境下需要依赖的库

  • 相关阅读:
    利用DTrace实时检测MySQl
    改进MySQL Order By Rand()的低效率
    RDS for MySQL查询缓存 (Query Cache) 的设置和使用
    RDS For MySQL 字符集相关说明
    RDS for MySQL 通过 mysqlbinlog 查看 binlog 乱码
    RDS for MySQL Mysqldump 常见问题和处理
    RDS for MySQL Online DDL 使用
    RDS MySQL 表上 Metadata lock 的产生和处理
    RDS for MySQL 如何使用 Percona Toolkit
    北京已成为投融资诈骗重灾区:存好骗子公司黑名单,谨防上当!
  • 原文地址:https://www.cnblogs.com/WebApp-DotNet/p/10718222.html
Copyright © 2011-2022 走看看