Vue 零基础学习项目搭建
2019-06-19 本文已影响0人
蓝蓝的白云
-
下载安装node.js
下载地址:https://nodejs.org/en/download/ ,选择合适自己的版本下载即可。
具体怎么安装Node.js就不用具体说明了,安装Node.js会默认安装npm(包管理工具)。 -
下载安装cnpm
npm是Node.js提供的包管理工具,因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,我们可以用淘宝 npm 镜像cnpm代替默认的 npm。
安装命令:npm install -g cnpm --registry= https://registry.npm.taobao.org)
安装完成之后输入 cnpm -v,如果出现相应的版本号,则说明安装成功。 -
安装vue-cli脚手架构建工具
打开命令行工具输入:cnpm install vue-cli -g,
安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号, 则说明安装成功
cue-cli.png -
安装webpack工具
打开命令行工具输入: sudo cnpm install --save-dev webpack-cli -g
安装完成之后输入 webpack-v,如果出现相应的版本号, 则说明安装成功
webpack.png -
创建vue项目
输入命令:vue init webpack mydemo ,一直按y,下载成功即可
vue-demo.png