vue 爬坑之路 （一） 创建脚手架

vue 爬坑之路 （一） 创建脚手架

一、安装node.js

安装脚手架之前必须安装node.js ，可以直接去node.js官网安装

http://nodejs.cn/

二、安装vue-cli

安装1.x/2.x版本  npm install -g vue-cli

卸载1.x/2.x版本  npm uninstall vue-cli -g

安装3.x版本 	npm install -g @vue/cli

安装完成之后使用vue -V查看是否安装成功

三、创建项目

vue create 项目名

如果你没有使用淘宝镜像而使用的是默认镜像会提示你：连接似乎很慢，是否需要切换到淘宝镜像

如果选择默认选项 default，将会构建一个最基本的 vue 项目（没有 vue-router 也没有 vuex）

然后根据自己的需求，使用上下键移动，空格键选择具体的模块

选择路由模式，yes：history no：hash
新手可以先从 hash 模式入手，不过实际项目通常采用 history 模式
hash模式和history模式的区别：
直观区别：在url中 hash 带了一个很丑的 # 而history是没有#的

然后选择一个合适 CSS 的预编译工具
都不熟悉的话就选 sass 或者 less，因为 stylus 不支持原生 CSS 写法

这样脚手架就创建好了

cd到项目路径。使用npm run serve运行