- 下载并安装node
- 输入下列命令,查看node版本
node -v // 查看node版本
- 输入下列命令,查看当前环境npm的版本
npm -v // 查看npm版本
- window+r打开控制台,输入cmd------点击确定
- 切换至目标磁盘(c:+回车即切换至c盘,d:+回车即切换至d盘)
- 输入下列命令,配置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 只需要在第一次配置环境的时候输入次命令,后续配置项目时不需要重复输入
- 配置完镜像之后验证是否成功,如图
npm config get registry
- 输入下列命令,安装 vue-cli 工具-----敲回车运行
// 只需要在第一次配置环境的时候输入次命令,后续配置项目时不需要重复输入
npm install -g @vue/cli
或者
yarn global add @vue/cli
- .输入下列命令,查看cli版本
vue -V // 查看vue脚手架的版本
- 输入下列命令,新建一个项目----敲回车运行
vue create 项目名称(xxxxxx)
-
进入下列界面:
注意:
1.键盘上下选择(默认)还是手动(Manually) 要是选择default那就一路回车就行。
2.我在这里选择Manually -
选择Manually----敲回车运行
-
进入下列界面:
注意:上下箭头是移动选项,空格是选中和取消选中
-
所选配置如图----敲回车运行
-
进入下列界面------输入
Y
------敲回车运行
意为:路由器是否进入历史模式
-
用上下箭头进行切换,选择
less
------敲回车运行
- 进入下列界面
意为:您更喜欢将Babel、ESLint等的配置放在哪里
-
用上下箭头进行切换,选择
In package.json
------敲回车运行 -
进入下列界面--------输入
N
------敲回车运行
-
出现下图所示界面
-
输入下列命令,打开项目文件夹
cd 项目名称 // 例如:cd vuedemo_ui
- 输入下列命令,运行项目
yarn serve