一.配置环境**
1. 配置环境,安装node.js,按自己需求下载,一般优先考虑使用人数最多的版本,官网有推荐。
2. 在cmd中使用node -v和npm -v来检测安装的版本号(是否安装成功)
3. 若觉得npm下载插件速度太慢,可使用淘宝镜像:npm install -g cnpm -registry=https://registry.npm.taobao.org,安装后可使用cnpm -v检测版本号
安装node.js后检查截图:
二.全局安装Vue-cli
1.安装Vue-cli
npm install -y vue-cli
2.初始化Vue项目,使用webpack打包项目,实现模块化开发:(针对vue-cli版本为3.0之下,新手使用这个命令即可)
vue init webpack 项目名称
注:Vue版本在3.0之上,需使用:
vue create 项目名
,此处使用的是yarn创建项目
安装依赖速度有点慢,想要加快下载速度,可安装淘宝镜像cnpm
**注:一般不要打开ESLint,打开后会严格检查代码,如果书写有一点不规范,都会报错 **
1.进入项目位置:
cd your_project_name
2.启动项目:
npm run dev
3.网页进入项目:
localhost:8080
安装完成!