Vue是什么?
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Node.js安装
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。
Windows 上安装 Node.js
Windows 安装包(.msi)
除了选择安装目录、安装模式以外,其他的一直点下一步;
安装完成之后需要检查一下 path 的环境变量是否存在
配置镜像
配置国内镜像会加快组件的下载速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
Vue-cli脚手架
npm install @vue/cli -g --unsafe-perm
Webpack
需要先安装webpack
npm install webpack -g
通过模板构建项目
vue init webpack myproject(项目目录名称)
// 基本上回车就行
? Project name myproject
? Project description A Vue.js project
? Author ********
? Vue build standalone
? Use ESLint to lint your code? Yes // 这里建议选No,取消ESLint检测
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "my-project".
To get started:
cd my-project
npm install
npm run dev
通过模板创建的项目就OK了;
我们可以通过下面的命令来安装依赖:
cnpm install
通过下面的命令来启动项目:
npm run dev