zoukankan      html  css  js  c++  java
  • Vue 之 npm 及 安装的包

    1  npm相关

      1.1 npm 是 基于Node.js 的,所以要先安装Node.js

      在浏览器地址栏输入https://nodejs.org/en/, 进入Node.js官网后,点击下载左边的稳定版本,如下图所示:

      

      1.2  npm 管理工作目录

        对于要创建Vue项目的工作目录先通过 "npm init -y"的命令进行管理

      1.3  npm 下载依赖包

        npm install(可以简写成 i)包的名称 @xxx(@xxx是包的版本)

      1.4  npm 卸载包

        npm uninstall 包名称 

      1.5  npm 更新包

        npm update 包名称

    2、webpack相关

      2.1 webpack的安装

        npm install webpack  webpack-cli(现在的webpack是和webpack-cli共同使用的)

        npm install -g webpack  全局安装

      2.2  webpack的模式切换

        webpack --mode development  开发环境下的  文件打包不压缩

        webpack --mode production  生产环境下的  将文件压缩

      2.3  默认的入口文件

        src文件夹下的index.js文件

      2.4  默认的出口文件

        dist文件夹下的main.js文件

    3、vue-cli相关

      3.1  vue-cli的安装

        npm install -g vue-cli  全局安装

        指定文件下  npm install vue  局部安装

      3.2  创建一个webpack打包的项目

        vue init webpack  项目名称

      3.3  运行项目

        创建完成之后:

        cd 到这个文件下

        npm run dev 运行这个项目

      3.4  打包文件

        npm run build

        

  • 相关阅读:
    Python的四种常见数据结构比较
    LeetCode Notes_#53 Maximum Subarray
    LeetCode Notes_#38 Count and Say
    LeetCode Notes_#6 Zigzag Conversion
    LeetCode Notes_#5 Longest Palindromic Substring
    《美国纽约摄影学院摄影教材》
    《艺术的故事》
    《Don't make me think》
    《Geospatial Data Science Techniques and Applications》
    《程序员的自我修养:链接、装载与库(完整版).pdf》
  • 原文地址:https://www.cnblogs.com/wf123/p/9959326.html
Copyright © 2011-2022 走看看