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

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

 

posted @ 2019-09-27 23:11  洛辞  阅读(8809)  评论(0编辑  收藏  举报