使用vue-cli搭建vue项目

关于使用VUE搭建vue项目的过程:

1.下载安装node配置npm

下载并nodejs,下载地址为:https://nodejs.org/en/download/
下载完成安装后打开cmd命令行,输入node -v
使用vue-cli搭建vue项目

提示版本则证明下载安装成功
安装完node之后,通过
npm config set registry https://registry.npm.taobao.org
命令将npm镜像设置为国内淘宝镜像(如果不设置的话,国内用npm下载node的module速度太慢了!)
也可以用以下指令安装cnpm指令
npm install -g cnpm –registry=https://registry.npm.taobao.org
在安装该指令后,以后需要用到的npm指令都可以用cnpm指令来代替,例如npm install vue 在安装cnpm后,使用cnpm install vue 效果是一样的

2、搭建vue项目

打开cmd命令,使用npm install vue -g 和npm install vue-router -g
安装vue module和vue router ,接着使用npm install -g @vue/cli 安装vue-cli脚手架,理论上指令“npm install vue-cil -g“也可以进行安装脚手架,不过由于版本的问题,第二条指令我的电脑上使用不了
当安装完成vue脚手架之后,就可以进行vue项目的搭建啦!
在cmd指令中输入 vue ui 就可以打开vue项目构建的图形化界面了,当然也可以用纯cmd指令进行项目搭建,我是直接用图形化界面搭建项目的,使用vue-cli搭建vue项目
打开后的图形化界面是这样
使用vue-cli搭建vue项目
点击这里新建项目:
使用vue-cli搭建vue项目

(下载)