vue安装流程

1.安装node
node国内官网:https://nodejs.org/zh-cn/
安装完成后执行node -v 查看node版本 要求6.0以上
vue安装流程_第1张图片
2.安装vuet淘宝镜像
执行:npm install -g cnpm --registry=https://registry.npm.taobao.org
注:如果报npm不是内部命令参考:https://blog.csdn.net/Shuainan_0619/article/details/105247075
3.安装vue脚手架cli
执行:cnpm install vue-cli -g
4.检查vue是否安装成功,执行:vue -V (V为大写)
vue安装流程_第2张图片
5.创建vue项目
执行:vue init webpack mytest(mytest为自己项目的名称)
选项说明详细见:https://blog.csdn.net/soulwyb/article/details/91915084
6.执行cd mytest 进入项目文件
7.安装依赖环境 执行:cnpm install
8.到这里安装成功 执行:npm run dev 运行项目
vue安装流程_第3张图片
9.浏览器打开 http://localhost:8080/ 看到vue欢迎界面
vue安装流程_第4张图片

你可能感兴趣的:(web前端)