vuejs第一篇:通过npm安装vue框架(印象深刻的问题出在了npm上)
学习vue时,当时node出了问题,npm命令怎么都用不了,自己也分享一下解决方法,然后自己写个总结安装vue的步骤
·
以下所有事我自己在windows系统下遇到的问题
一、安装nodejs
node下载地址https://nodejs.org/en/
查看nodejs版本和npm版本
注:当时自己安装node时,没有使用默认路径 ,而是安装在了D盘,导致查不到npm版本,下面使用npm命令时也出现了问题,是因为C盘下 的 .npmrc文件影响,删掉即可。npm就可以正常使用了。
二、安装淘宝镜像
安装命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
官方网址:https://npm.taobao.org/
注:
1.为什么要安装淘宝镜像?
说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
2.cnpm的用法
cnpm与npm用法一直 ,使用时吧npm 前缀改为cnpm
三、使用淘宝镜像安装vue
1.安装vue
cnpm install vue
2.安装vue-cli
cnpm install --global vue-cli
3.安装脚手架之后 vue的环境就搭建好了,下面可以任选一个路径 存放我们将要建的项目
vue init webpack "项目名称"
4.进入所在目录
cd "项目所在文件夹"
5.然后依次输入以下命令
cnpm install cnpm run dev
成功后我们进入浏览器,输入localhost:8080会展示下面的页面
更多推荐
已为社区贡献3条内容
所有评论(0)