搭建vue-cli脚手架(傻瓜搭建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