cli3.0安装部署vue环境

1. 下载并安装node
2. 输入下列命令，查看node版本

node  -v   // 查看node版本

3. 输入下列命令，查看当前环境npm的版本

npm  -v   // 查看npm版本

4. window+r打开控制台，输入cmd------点击确定
5. 切换至目标磁盘(c:+回车即切换至c盘，d:+回车即切换至d盘)
6. 输入下列命令,配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
 // 只需要在第一次配置环境的时候输入次命令,后续配置项目时不需要重复输入

7. 配置完镜像之后验证是否成功,如图

npm config get registry

8. 输入下列命令，安装 vue-cli 工具-----敲回车运行

 // 只需要在第一次配置环境的时候输入次命令,后续配置项目时不需要重复输入
npm install -g @vue/cli
或者
yarn global add @vue/cli

9. .输入下列命令，查看cli版本

vue  -V  // 查看vue脚手架的版本

10. 输入下列命令,新建一个项目----敲回车运行

vue   create 项目名称(xxxxxx)

11. 进入下列界面：
    
    注意：
    1.键盘上下选择(默认)还是手动(Manually) 要是选择default那就一路回车就行。
    2.我在这里选择Manually

12. 选择Manually----敲回车运行

13. 进入下列界面：
    
    注意：上下箭头是移动选项，空格是选中和取消选中

14. 所选配置如图----敲回车运行
    

15. 进入下列界面------输入Y------敲回车运行
    意为：路由器是否进入历史模式

16. 用上下箭头进行切换,选择less ------敲回车运行

17. 进入下列界面

意为：您更喜欢将Babel、ESLint等的配置放在哪里

18. 用上下箭头进行切换,选择 In package.json ------敲回车运行

19. 进入下列界面--------输入N ------敲回车运行
    

20. 出现下图所示界面
    

21. 输入下列命令,打开项目文件夹

cd  项目名称   // 例如:cd vuedemo_ui

22. 输入下列命令,运行项目

yarn serve