Vue 框架搭建
vue框架的搭建
使用VUE首先需要下载安装一些列的环境。
第一步:
安装Node.js
下载并安装:node-v8.9.0-x64.msi
第二步:
安装Vue脚手架:
cmd以管理员身份执行
npm install vue-cli -g 或者安装淘宝版 cnpm install vue-cli -g
vue -V 查看是否安装成功
第三步:
创建项目:
vue init webpack myProject (项目名字)
提示内容:
然后初始化:
vue init webpack myProject
第四步:
切换到项目目录下,安装依赖包。
cd myProject
npm install 安装
安装之后 查看浏览器localhost:8080 是否有 welcome to You Vue.js App字样。
有就代表环境配置以及项目创建成功了。
接下来准备敲代码。。。。
稍等,讲解一下Vue框架的逻辑。
Vue 单页面应用。
一个项目,只能创建一个new Vue。
Vue能够自动刷新。
vue项目创建成功之后,
测试npm run dev ,查看localhost 8080 能否查看,测试成功之后,
用pycharm打开项目目录,