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 框架搭建
然后初始化:

vue init webpack myProject

Vue 框架搭建

第四步:

切换到项目目录下,安装依赖包。

cd myProject

npm install 安装

安装之后 查看浏览器localhost:8080 是否有 welcome to You Vue.js App字样。

有就代表环境配置以及项目创建成功了。

接下来准备敲代码。。。。

稍等,讲解一下Vue框架的逻辑。

Vue 单页面应用。
一个项目,只能创建一个new Vue。
Vue能够自动刷新。

vue项目创建成功之后,
测试npm run dev ,查看localhost 8080 能否查看,测试成功之后,
用pycharm打开项目目录,