Vue 零基础学习项目搭建

2019-06-19  本文已影响0人  蓝蓝的白云
  1. 下载安装node.js
    下载地址:https://nodejs.org/en/download/ ,选择合适自己的版本下载即可。
      具体怎么安装Node.js就不用具体说明了,安装Node.js会默认安装npm(包管理工具)。

  2. 下载安装cnpm
    npm是Node.js提供的包管理工具,因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,我们可以用淘宝 npm 镜像cnpm代替默认的 npm。
    安装命令:npm install -g cnpm --registry= https://registry.npm.taobao.org
    安装完成之后输入 cnpm -v,如果出现相应的版本号,则说明安装成功。

  3. 安装vue-cli脚手架构建工具
    打开命令行工具输入:cnpm install vue-cli -g,
    安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号, 则说明安装成功


    cue-cli.png
  4. 安装webpack工具
    打开命令行工具输入: sudo cnpm install --save-dev webpack-cli -g
    安装完成之后输入 webpack-v,如果出现相应的版本号, 则说明安装成功


    webpack.png
  5. 创建vue项目
    输入命令:vue init webpack mydemo ,一直按y,下载成功即可


    vue-demo.png
上一篇下一篇

猜你喜欢

热点阅读