• Vue自动化工具(Vue-CLI)的安装


    安装VUM

      前面学习了普通组件以后,接下来我们继续学习单文件组件则需要提前先安装准备一些组件开发工具。否则无法使用和学习单文件组件。

    一般情况下,单文件组件,我们运行在 自动化工具vue-CLI中,可以帮我们编译单文件组件。所以我们需要在系统中先搭建vue-CLI工具,

      Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvmnvm-windows在同一台电脑中管理多个 Node 版本。

    nvm工具的下载和安装教程参考:

    windows:https://www.jianshu.com/p/d0e0935b150a

    Mac: https://www.jianshu.com/p/622ad36ee020

     

    常用的nvm命令

    nvm list # 列出目前在nvm里面安装的所有node版本 nvm install node版本号 # 安装指定版本的node.js nvm uninstall node版本号 # 卸载指定版本的node.js nvm use node版本号 # 切换当前使用的node.js版本

     

    如果使用nvm工具,则直接可以不用自己手动下载,如果使用nvm下载安装 node的npm比较慢的时候,可以修改nvm的配置文件(在安装根目录下)

    # settings.txt
    root: C:	ool
    vm    [这里的目录地址是安装nvm时自己设置的地址,要根据实际修改]
    path: C:	ool
    odejs
    arch: 64
    proxy: none
    node_mirror: http://npm.taobao.org/mirrors/node/ 
    npm_mirror: https://npm.taobao.org/mirrors/npm/

    安装node.js

    Node.js是一个新的后端(后台)语言,它的语法和JavaScript类似,所以可以说它是属于前端的后端语言,后端语言和前端语言的区别:

    • 运行环境:后端语言一般运行在服务器端,前端语言运行在客户端的浏览器上

    • 功能:后端语言可以操作文件,可以读写数据库,前端语言不能操作文件,不能读写数据库。

    我们一般安装LTS(长线支持版本):

    一般暗转nodejs 我们采用以下nvm指令进行安装

    常用的nvm命令

    nvm list # 列出目前在nvm里面安装的所有node版本
    
    nvm install node版本号 # 安装指定版本的node.js
    
    nvm uninstall node版本号 # 卸载指定版本的node.js
    
    nvm use node版本号 # 切换当前使用的node.js版本

    npm

      在安装node.js完成后,在node.js中会同时帮我们安装一个npm包管理器npm。我们可以借助npm命令来安装node.js的包。这个工具相当于python的pip管理器。

    npm install -g 包名              # 安装模块   -g表示全局安装,如果没有-g,则表示在当前项目安装
    npm list                        # 查看当前目录下已安装的node包
    npm view 包名 engines            # 查看包所依赖的Node的版本 
    npm outdated                    # 检查包是否已经过时,命令会列出所有已过时的包
    npm update 包名                  # 更新node包
    npm uninstall 包名               # 卸载node包
    npm 命令 -h                      # 查看指定命令的帮助文档

    安装Vue-CLI

    npm install -g vue-cli

    -g 表示安装全局模块,不会放在项目下
    不加的话 默认放在项目文件下,随项目一起走
  • 相关阅读:
    (2/24) 快速上手一个webpack的demo
    (1/24) 认识webpack
    module.exports 、exports、export、export default的区别
    Git同时提交到多个远程仓库
    @codeforces
    @loj
    @bzoj
    @loj
    @bzoj
    @bzoj
  • 原文地址:https://www.cnblogs.com/Mixtea/p/10517063.html
Copyright © 2020-2023  润新知