安装Vue安装脚手架以及一直卡着不动的问题

Posted 2020-11-16 aangle-long

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是路由