使用webpack构建vue项目

安装nodejs

Nodejs 官网下载地址

推荐下载LTS长期支持版本，然后下一步安装即可

查看 node版本

node -v

# 结果
➜  ~ node -v
v10.16.3
➜  ~

查看 npm 版本

npm -v

# 结果
➜  ~ npm -v
6.11.3
➜  ~

安装vue组件以及webpack

安装 @vue/cli

npm install -g @vue/cli

安装 @vue/cli-init

npm install -g @vue/cli-init

安装 webpack

npm install webpack webpack-cli -g

创建vue项目

vue create vue-template

输入vue create vue-template以后，按照提示选择对应的选型，即可创建一个vue脚手架项目

常用学习网站

Vue官网：https://cn.vuejs.org/index.html

Vue路由：https://router.vuejs.org/

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

ES6语法：http://es6.ruanyifeng.com/

JS工具库：https://www.lodashjs.com/docs/latest

日期处理：http://momentjs.cn/docs/

网络请求：http://www.axios-js.com/zh-cn/docs/

CSS预编译：https://www.sass.hk/docs/

Babel：http://www.ruanyifeng.com/blog/2016/01/babel.html

Flex布局：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

HTML教程：https://www.w3school.com.cn/html/index.asp