首页 > 技术文章 > vue环境搭建

healkerzk 2020-08-17 14:49 原文

  1. 安装node.js
    nodejs安装可参考 https://www.cnblogs.com/healkerzk/p/13517528.html

    安装完成后查看是否有npm命令:
    windows下win+r打开cmd控制台,输入下方命令:
    npm -v

  2. 基于node.js,利用淘宝npm镜像安装相关依赖。
    由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)下载

     npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  3. 安装vue-cli脚手架构建工具
    cnpm install -g vue-cli #(-g 表明是全局的)

    测试 vue

    输入 vue -V (V大写)可查看vue版本

  4. 用vue-cli构建项目
    vue init webpack my-project

    命令解释 :vue init 模板名 项目名称(自定义)

  5. 安装依赖
    进入到创建的项目中
    cnpm install

    回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

  6. 测试环境是否搭建成功
    方法1:在cmd里输入:npm run dev
    方法2:在浏览里输入:localhost:8080(默认端口为8080)

  7. Npm run build 导出编译后的包 dist文件夹

推荐阅读