vue快捷安装

1.下载nodejs安装包   https://nodejs.org/en/

2.根据提示安装nodejs

(1)注意修改安装路径

(2)环境变量不用自己创建,不过安装完成后要检查一下,看系统变量是否在Path里有nodejs的配置

3.控制台检测node -v和npm -v检验是否安装成功(安装成功会显示相应的版本号)

4.修改全局依赖包下载路径

npm config set prefix "D:Applications
odejs
ode_global"
npm config get prefix

npm config set cache "D:Applications odejs ode_cache"
npm config get cache
"D:Applications
odejs"是我的安装地址

5.设置国内镜像并检测(可忽略的步骤)

npm config set registry https://registry.npm.taobao.org
npm config get registry

6.安装cnpm并检测(可忽略的步骤)

//安装过程中可能存在警告,不用管
npm install -g cnpm
cnpm -v

7.安装vue-cli(全局安装vue-cli),并检测(vue 2版本)

cnpm install vue-cli -g
vue -V

8.安装大功告成

9.创建vue项目

(1)进入想要创建项目的文件件

①在Windows中切换盘符(例如从C盘到D盘)使用命令:想要到的盘符加英文的冒号
D:
②使用cd 命令进入到指定文件夹
③使用dir命令查看当前文件夹下的所有文件夹

(2)使用命令创建vue的demo项目(不能有大些字母)

vue init webpack vue_demo

(3)运行demo

npm run dev

(4)浏览器访问 http://localhost:8080

 

参考:https://www.jianshu.com/p/d1651fae7ecc

原文地址:https://www.cnblogs.com/chengho/p/14079562.html