vue项目学习--2019/5/6

一、安装node.js。
1.安装完成后,window+R打开cmd,输入node -v,显示版本号,安装成功。
2.node.js安装完成后自动添加环境变量。

二、安装脚手架
1.命令:npm install --global vue-cli
2.使用脚手架创建vue项目,命令:vue init webpack 项目名
3.cd进入项目中,npm run dev 命令启动项目

三、vue项目目录
1.build,项目构建用的
2.config,配置,如改端口
3.node_modules模块
4.src放开发的静态资源

四、安装路由
1.进入vue官网,生态系统-->核心插件-->Vue Router,进入网页(https://cn.vuejs.org/v2/guide/)
2.点击安装,找到npm安装命令: npm install vue-router

五、引用
import Vue from 'vue' :默认从模块里找vue下的dist文件夹下vue.js

六、安装vue调试插件
1.安装谷歌助手
1)下载谷歌访问助手_v2.3.0.crx
2)打开谷歌浏览器,点击 更多工具-->扩展程序,拖拽过去
2.进入vue官网,生态系统-->资源列表-->官方仓库,进入网页(https://github.com/vuejs)
3.找到vue-devtools,点进去,找到Installation,点击Get the Chrome Extension/(beta channel)

七、安装Vue Component
1.idea开发软件,点击File->Settings->Plugins
2.Settings-->File Types,选择html,添加*.vue

原文地址:https://www.cnblogs.com/fzly-88/p/10820122.html