node.js npm cnpm Vue的安装方法(无需配置环境变量)

废了两三天周折的,最后一个大佬帮我搞好了,大佬就是大佬......

 

一、先是安装Webstorm,用的是WebStorm安装全教程,

这个版本比官网好的原因(没错,我官网的也有下)

就是因为它配套的终身免费的补丁和汉化包是可以对应的

我在别的地方下的补丁都是不可以对应的orz

 

二、官网下载最常使用的node.js

后面一路next(直接装在C盘,这样不会影响后面要改太多环境变量!)

(这里有个文章讲cnpm不是内部或外部命令的,https://blog.csdn.net/u011095110/article/details/85296607

(如果安装太多次,可能环境变量就定格了,要重新找cnpm路径和改环境变量(用户的那个))

 

安装好node.js

 

三、安装cnpm

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第1张图片

1.尝试命令行语句

node -v

npm -v

cnpm -v

一般来说前两个都是有的,第三个没有

cnpm可以参照淘宝镜像这个来

npm install -g cnpm --registry=https://registry.npm.taobao.org

 运行截图如下

(假装有截图....emmm找不到了)

 

2.这里再试命令行语句

cnpm -v

就可以了

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第2张图片

 

四、安装vue-cli脚手架

 cnpm install -g vue-cli

(这一步完成之后,有特别多yes/no的问题的,全部打n,我记得)

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第3张图片

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第4张图片 vue -V

cd desktop

vue init webpack vue

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第5张图片

后面就是靠网速...

node.js npm cnpm Vue的安装方法(无需配置环境变量)_第6张图片

里面有些问题是截图不了的,这里上网搜搜都有,要么直接打一个.过去

成功的标志:

vue -V

五、测试,创建第一个Vue.js项目

在命令行中输入:vue init webpack my-first-demo(项目文件夹名)。

项目名称以及以后的设置可以输入,也可以直接按回车和N。

 

你可能感兴趣的:(Vue)