vue3.0项目创建

前言:

      用vue的最新脚手架来搭建vue3.0的正式项目

目录:

步骤:

 1、安装最新的脚手架,如果有可以不看这步了(***这里使用cnpm)

检查:vue -V  出现下面的就代表成功了

2、在你想建项目的地方打开PowerShell/小黑框,输入  vue + create + 你的项目名 ,然后回车

vue create newject

3、然后会出现下面的选择,这里选择自定义的,最后一个,然后回车

4、选择配置,上下键移动,空格选择,回车下一步

5、选择vue的版本,3.0的然后回车

6、你的router是否使用history,   n的话是hash  ,   y是history

7、选择语言,scss /less,根据自己的实际需要来

8、ESLint:提供一个插件化的javascript代码检测工具

9、什么时候检查代码,保存的时候,还是提交代码的时候,这里选保存的时候

10、 如何存放配置 :

11、是否保存本次配置(y:记录本次配置,然后需要你起个名; n:不记录本次配置)

12、如果你装了yarn的话,会出现这一步,让你选择用什么来装你的包

13、静等包装好就可以了,出现下面这个界面就表示好了

14、执行两个命令,打开页面,到这里实际就结束了,如果在新项目中需要引入element的话,点我进入


步骤:

 1、安装最新的脚手架,如果有可以不看这步了(***这里使用cnpm)

cnpm install -g @vue/cli
sudo cnpm install -g @vue/cli  (mac)

检查:vue -V  出现下面的就代表成功了

2、在你想建项目的地方打开PowerShell/小黑框,输入  vue + create + 你的项目名 ,然后回车

vue create newject

3、然后会出现下面的选择,这里选择自定义的,最后一个,然后回车

4、选择配置,上下键移动,空格选择,回车下一步

5、选择vue的版本,3.0的然后回车

6、你的router是否使用history,   n的话是hash  ,   y是history

7、选择语言,scss /less,根据自己的实际需要来

8、ESLint:提供一个插件化的javascript代码检测工具

9、什么时候检查代码,保存的时候,还是提交代码的时候,这里选保存的时候

10、 如何存放配置 :

11、是否保存本次配置(y:记录本次配置,然后需要你起个名; n:不记录本次配置)

12、如果你装了yarn的话,会出现这一步,让你选择用什么来装你的包

13、静等包装好就可以了,出现下面这个界面就表示好了

14、执行两个命令,打开页面,到这里实际就结束了,如果在新项目中需要引入element的话,点我进入

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/114262146