vue实践从无到有的渣渣学习之路（准备工作），并且对比vue2和3区别

系统管理员 2023-02-21 04:56 6阅读 0赞

cmd查看vue脚手架版本号

vue --version

如果出现不是内部或外部命令  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70]  
电脑搜vue.cmd文件，右键计算机，属性——高级系统设置——环境变量，将 vue.cmd的路径加入环境变量

**如果是查看vue的版本号直接就在package.json文件中直接看到，例如vue：2.6.1**

卸载4.0版本指令

npm uninstall -g @vue/cli

安装指定3.0版本vuecli指令

npm install -g @vue/cli@3.11.0

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70 1]  
启动cmd,切换到对应的目录下，输入vue init webpack in-ele-vue，回车，会出现：

？ Project name ( my-project ) 敲y, 回车既可
    
    ？project description ( A Vue.js project ) 敲回车既可
    
    ？Author ( xxxxxx xxxxx@xx.com ) 敲回车既可
    
    ？ Vue build ( user arrow Keys ) 敲回车既可
    
    ? Install vue-router？（Y/n）敲Y回车既可 （是否安装路由）
    
    ？Use ESLint to lint your code？ (Y/n) 敲n回车既可（是否安装路由）
    
    ？Set up unit tests (Y/n) 敲n回车既可 ( 单元测试， 个人觉得不安装选择n )
    
    ？Setup e2e tests with Nighwatch？(Y/n) (  e2e测试，个人觉得不安装选择n )
    
    ？Should we run npm install for you after the project has been created？ (recommended) (use arrow Keys) 这里是选择安装方式

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200626110035842.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200625230812461.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDMyOTk2,size_16,color_FFFFFF,t_70