搭建vue-cli脚手架(傻瓜搭建vue项目)

vue

什么叫做傻瓜搭建,顾名思义就是傻瓜按着步骤都能搭建出来,话不多说,直接上步骤↓↓↓↓↓↓↓↓

一、先安装node.js环境 

官网下载:https://nodejs.org/en/download/

下载应该没啥问题 ,一直默认就行(自己注意点,需要改路径的话改一下)

二、查看一下自己安装成功了没(自信且省略)

windows+r打开cmd

node -v  查看 node版本

npm -v 查看npm版本

三、安装vue-cli

很多博主都是用的cnpm,所以我也学习使用的cnpm(感谢其他博主)

安装cnpm先

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装完后查看版本(自信且省略)

cnpm -v

成功:

四、全局安装vue-cli

cnpm install -g vue-cli

五、查看一下vue版本

npm -V 

我提示了无法识别‘vue‘ ,如果出现这个错误的话应该是npm版本过低导致的,升级一下npm

npm install -g npm

六、创建vue项目

举例:在桌面先创建一个空文件夹:demo

在cmd中 输入  cd desktop

               然后输入 cd demo

再输入 vue init webpack

七、进入新建的文件夹下,安装依赖

npm install

或者

cnpm install

八、然后打开你的文件夹,可以运行啦

npm run dev

以上是 搭建vue-cli脚手架(傻瓜搭建vue项目) 的全部内容, 来源链接: utcz.com/z/375659.html

回到顶部