搭建VUE开发环境

  • 安装node.js:https://nodejs.org/en/download/
    Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。
    安装完毕之后,在命令行输入nmp验证是否安装成功。
  • 安装cnpm
    npm包含的很多依赖包是部署在国外的,下载速度很慢。所以要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快很多。
    安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装vue-cli
    vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
    安装命令为:cnpm install -g vue-cli
  • 新建一个vue项目
    vue init webpack vue-demo 新建项目文件夹vue-demo
    cnmp install 安装项目依赖的包,项目目录下多了node_modules
    cnpm run dev 执行完成后启动项目

你可能感兴趣的:(搭建VUE开发环境)