一.环境准备
(一)环境准备
- Node.js (>= 6.x，首选8.x)
(二)安装Node.js
官网下载地址:http://nodejs.cn/download
image.png
下载下来的安装包如下:
image.png
node安装成功:
image.png
(三)配置Node
1.配置模块路径、cache路径
先配置npm的全局模块的存放路径以及cache的路径，
例如希望将以上两个文件夹放在nodejs的主目录下，便在nodejs下建立"node_global"及"node_cache"两个文件夹。如下图:
image.png
输入以下命令改变npm配置:
npm config set prefix "D:\LanguageLearning\JavaScript\nodejs\node_global"
npm config set cache "D:\LanguageLearning\JavaScript\nodejs\node_cache"
image.png
2.安装Node.js淘宝镜像加速器(cnpm)
npm install cnpm -g
image.png
配置环境变量:
image.png
cnpm安装成功:
image.png
3.安装nrm
npm install nrm -g
image.png
- nrm报错 [ERR_INVALID_ARG_TYPE] 解决方法
打开cli.js第17行修改成
//const NRMRC = path.join(process.env.HOME, '.nrmrc'); (删除)
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
4.配置淘宝源
# 使用如下语句解决 npm 速度慢的问题
npm install --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
淘宝源配置成功:
image.png
(四)安装 Vue CLI
官方文档
Vue CLI是一个基于Vue.js进行快速开发的完整系统。
Vue CLI致力于将Vue生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需eject。
安装Vue CLI:
npm install @vue/cli -g
image.png
Vue CLI安装成功:
image.png
二.创建vue项目
(一)创建yeb
1.创建语句
vue create yeb
image.png
2.创建选项
image.png
3.选择想要的组件
image.png
4.选择版本
image.png
5.选择是否开启history模式
image.png
6.配置信息存储文件设置
image.png
7.是否将此项目作为模板
image.png
(二)创建成功
image.png
(三)开启项目
image.png
yeb开启成功:
image.png
image.png
