搭建vue脚手架
***全局打开小黑框
1.检查node版本:node -v
2.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
3.Vue安装:cnpm install vue
4.安装vue-cli脚手架构建工具:cnpm install --global vue-cli
5.桌面创建一个文件夹,在文件夹中打开小黑框
6.初始化项目:vue init webpack 自己定义名字
7.基本的选项解释:
Project name :项目名称
Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
Author:作者,如果你有配置git的作者,他会读取
Install vue-router? 是否安装vue的路由插件,我们这里需要安装,所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n,
如果 你是大型团队开发,最好是进行配置
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,我们这里不需要,所以输入n。
8.进入vue项目目录:cd( vuecliTest 定义的名字)
9.安装项目依赖包npm install,也就是安装package.json里的包,如果你网速不好,你也可以使用cnpm来安装。
10.运行:npm run dev
11.打开浏览器,地址栏输入localhost:8080
12.出现Welcom to Your Vue.js App
vue版本的检测:vue --version