从零开始vue脚手架项目的搭建

vue项目环境的搭建

1、使用vscode编译器进行开发

vscode编译器下载地址：https://code.visualstudio.com/docs/?dv=win；

vscode要配置的插件：chinese language；live serve；vetur； view in browser；vscode-icons；等插件

2、安装node

下载地址：http://nodejs.cn/download/；

傻瓜安装，安装包同时安装node和npm；

终端或cmd中：验证node和npm是否成功 node -v npm -v 显示版本号就为成功

3、安装cnpm

终端或cmd中：全局安装==》 npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装vue脚手架

终端或cmd中：全局安装==》 cnpm install -g @vue/cli 或者使用yarn安装 yarn global add @vue/cli

5、安装webpack

终端或cmd中：全局安装==》 cnpm install webpack -g

6、检测安装脚手架是否成功

终端或cmd中：vue -V

7、创建项目

vscode终端中：vue create hello-world