【vue】VUE学习笔记 - 1.VUE项目初始化

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