vue的demo搭建步骤

声明:本篇是作者记录自己安装vue的过程,主要是记录步骤,具体过程可能不那么详细,敬请谅解。

1、下载安装VSCode:https://code.visualstudio.com/

2、下载Node.js(建议选择 8.0 版本以上的):https://nodejs.org/zh-cn/download/releases/ 或 http://nodejs.cn/download/
不能选版本太低的,不然会报错很久;

3、下载好node之后,打开docs管理工具【win+R,输入cmd,再enter】,先看看node安装成功了没有,即输入 node -v,回车,会输出node的版本号

4、搭载国内的镜像,因为在国内使用npm是非常慢的,所以推荐使用淘宝npm镜像,在cmd中输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(图片截取别人)
vue的demo搭建步骤_第1张图片
5、安装vue-cli,在cmd中输入:cnpm install --global vue-cli
查看有没有安装成功,输入 vue -V,注意V是大写

6、安装webpack-cli,输入:cnpm install -D webpack-cli
输入ebpack -vw有没有安装成功
vue的demo搭建步骤_第2张图片
6. 新建自己的demo项目,vue init webpack vuedemo
可能会报错,(图片截取别人)
vue的demo搭建步骤_第3张图片
解决方式可查看 https://blog.csdn.net/feinifi/article/details/104578546

  1. 构建完成
    vue的demo搭建步骤_第4张图片

  2. 访问构建的目录,添加依赖
    cd vuedemo
    cnpm install

  3. 检测vuedemo能不能正常运行
    npm run dev

参考:https://blog.csdn.net/xw_009/article/details/104746461
https://blog.csdn.net/BUG_call110/article/details/119880696
https://blog.csdn.net/xw_009/article/details/105359325
非常感谢大佬 xw_09

你可能感兴趣的:(vue)