Vue 零基础学习项目搭建

  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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容