美文网首页
Vue 零基础学习项目搭建

Vue 零基础学习项目搭建

作者: 蓝蓝的白云 | 来源:发表于2019-06-19 19:00 被阅读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

    相关文章

      网友评论

          本文标题:Vue 零基础学习项目搭建

          本文链接:https://www.haomeiwen.com/subject/ciflqctx.html