1.首先我们去nodejs官网:https://nodejs.org/en/download/ (下载nodejs,下载自己电脑想匹配的最新版本)
2.其次 去下载一个cnpm (注释:淘宝npm镜像,这个是阿里把外国的npm服务器搬到我们中国来了,用淘宝镜像npm下载一些配置文件会更快一些)
操作如下:电脑右下角 window输入cmd, 把
npm install -g cnpm --registry=https://registry.npm.taobao.org
复制到cmd里面去就可以拉。(注释:我们用ctrl+C 复制网站,在cmd中鼠标点击右键粘贴就可以复制
npm install -g cnpm --registry=https://registry.npm.taobao.org 然后回车键进行安装。
)
3.安装vue文件
cnpm install i vue -S
4.安装vue脚手架,关于脚手架问题,
有些兄弟姐妹会发现安装的时候会一直卡着不动,我也遇到过这个问题,最后查资料发现是我安装的vue脚手架版本比较低出现的问题
// 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤,我用vue init webpack app的时候,真的卡在一个地方一个晚上,睡醒后发现还是卡在那个地方,所以一定要切记安装 vue脚手架一定要安装最新版本的,最新版本如下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init
安装上面2个vue脚手架配置文件后,输入:
vue init webpack app
//备注: app 是自己建立的文件,名字可以自己取,比如 my-app呀,或者其他的均可
//配置的时候 除了 use ESlint to lint your code 选择n 其他都是选择y ,因为 use ESlint to lint your code 我们写代码的时候会比较严格,比如代码必须空格相同呀....
当安装完毕后,输入npm run dev
运行完毕后会给我们一个网址 http//localhost:8000
5.一些需要了解的 vue脚手架目录
build 是webpack配置文件
config 核心文件
src存放的是资源,assets中存放的是静态资源比如 图片
router是路由
原文地址:https://www.cnblogs.com/Aangle-long/p/11600966.html