vue 学习笔记

1.开发环境搭建

安装node:http://nodejs.cn/download/,下载msi,安装都是下一步。

安装vs code:https://code.visualstudio.com/Download。

2. 安装 vue-cli手脚架

npm install -g vue-cli

3. 开始工作

创建项目,接下来按提示编写项目名,描述,作者,git等信息。

vue init webpack [myProject]

进入项目文件夹,执行项目初始化,安装依赖包node_modules

vue install

运行项目

npm run dev

踩坑:

1). 安装不了node-sass,设置淘宝镜像

npm config set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 
npm install node-sass

2). 运行时会告诉你 Expected indentation of 6 spaces but found 12,需要往根目录的.eslintignore文件加上

*.js
*.vue

4. 继续学习

vue: https://cn.vuejs.org/v2/guide/

vuex: https://vuex.vuejs.org/zh/guide/

vue-route: https://router.vuejs.org/zh/

原文地址:https://www.cnblogs.com/Cxiaoao/p/13755836.html