前言:前端一枚,vue项目技能了解而又不精通,在此重走一遍流程,步骤及知识整理至此。
一、创建vue项目
1、准备工作:
1)本地安装
把想到的都塞进来,有的非必需。
node安装(安装检测:npm -v或node -v)【必须装】
node官网下载安装包,选默认设置安装,会自动配置变量, 若更改安装地址,修改(默认系统变量)变量path中C:\Program Files\nodejs\为新地址,(Window)默认全局安装文件所在位置:C:\Users\username\AppData\Roaming\npm\node_modules
淘宝镜像全局安装(安装检测:cnpm -v)【强烈建议装】
npm install -g cnpm --registry=https://registry.npm.taobao.org
yarn全局安装(安装检测:yarn -v)【若选yarn项目则要装】
npm install -g yarn
eslint全局安装(eslint -v)【若选eslint检测且设为】
npm install eslint -g
http-server全局安装(http-server -v)
cnpm install http-server -g
We will use "npm" to install the CLI via "npm install -D webpack-cli".
Do you want to install 'webpack-cli' (yes/no):
翻译:我们将用npm下载"npm...",你是否要下载"webpack-cli"(yes/no):
vue-cli脚手架
cnpm install @vue-cli -g #vue-cli3
cnpm install vue-cli -g #vue-cli2
2)集成开发工具IDE
idea、Eclipse、EditPlus、SublimeText、VScode等,有免费有收费,有正版有盗版,这里略。
3)官网
最好的文档是官方文档(记住这句话)!