下载安装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
Vue 零基础学习项目搭建
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,Git...
- Vue在Windows系统下本地项目的安装与部署 转自CSDN的:AI吕小布:https://blog.csdn....
- 现在的Vue脚手架已经升级到3.x版本,即vue-cli3。脚手架升级之后,安装的命令发生了变化,所以这篇文章会跟...
- 在搭建整个环境之前,首先默认你已了解了node.js、npm(cnpm)【注:npm与cnpm使用方式一样,npm...


