Vue的安装与配置

vue的安装和配置

1.下载Node.js

官网地址
https://nodejs.org/zh-cn/

2. 在cmd运行命令

参考简书
https://www.jianshu.com/p/d1651fae7ecc
(1) node -v
(2)npm install -g cnpm --registry=https://registry.npm.taobao.org
(3)) cnpm install vue-cli -g
Vue的安装与配置
Vue的安装与配置
若出现in\vue-list,则node.js配置成功或者在cmd中输入vue -V测试一下

Vue的安装与配置

3.下载vscode.

https://code.visualstudio.com/docs/?dv=win
(1)在F盘创建一个Project,

Vue的安装与配置
(2)cmd中输入命令

1.F:
2.cd Project
3.vue init webpack vue_demo

Vue的安装与配置
Vue的安装与配置
Vue的安装与配置
Vue的安装与配置
Vue的安装与配置
Vue的安装与配置

4.打开vscode

vscode->file->Open Folder->vue-demo

Vue的安装与配置
2.点击Terminal 下载vue插件
Vue的安装与配置
控制台下输入npm install
Vue的安装与配置

npm run dev
Vue的安装与配置
Vue的安装与配置
运行成功界面
Vue的安装与配置

这样你就可以写前端了。