vue 是一个单页面框架,基于模块化组件化的开发模式。
搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install --global vue-cli(慢)或者cnpm install --global vue-cli(快)
创建项目,vue init webpack vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目)
1、你的名字是vuedemo01么 2、你的项目的描述是什么 3、作者是什么 4、vuebulid(回车) 5、是否安装vue router (安装或者不安装都可以) 6、ESlint 不建议安装(一个代码检测错误的工具) 7、剩下的全部安装创建
或者用vue init webpack-simple vuedemo01(创建起来更简单)
1、你的名字是vuedemo01么 2、你的项目的描述是什么 3、作者是什么 4、license(回车) 5、是不是用sass
然后cd到对应的项目中,安装依赖,cnpm install 或者 cpm install //如果创建项目的过程中没有报错可以忽略
npm run dev 运行项目
cnpm 淘宝镜像 可以去网上搜索安装方式进行安装 主要作用:下载包的速度更快一些
项目运行完成后显示localhost:**** 项目运行的模拟域名,默认可以直接打开浏览器,也可以手动输入
然后用编译器打开项目文件进行编辑 如果编译器没有提示可搜索安装vue扩展工具