vue create 脚手架快速搭建项目

第一步:vue create vue-demo(文件名字)

如果朋友们没有安装vue/cli的话需要提前安装:复制下面的即可直接安装

安装后我们可以看到下面有三个选项:控制上下键可以选择自己想要的;这儿我选择的是第四个(手动选择安装);第一个是我保存的记录

npm i -g @vue/cli

 

 

 第二步:当我们点击回车以后就会出现以下的页面;这时候大家可以根据自己 的需要去选择;下面有每个选项的解释;大家可以根据自己想要的进行安装

 

 

 

 

第三步:

这儿是看你需要的什么版本;根据项目需求进行安装;

注:这儿的2.x 代表vue2.0;3.x代表的是 vue3.0(2020年8月左右刚出来的)

 

 

重点:如果选择了这个url 就不会有 # ;如果项目需要的会可以选择;但是记住这儿需要后端支持;不然的话会导致不能正常显示(反正就是不正常嘛,具体我也说不上来);在这儿我是直接选择的n;如果需要的话可以在router里面进行添加一下代码即可

mode: 'history',base: process.env.BASE_URL, 

 

 

代码风格(代码检测);这个可以看个人喜好来选择;

第一个是只检测

1.这个我不太懂

2.标准的

3.精确的、漂亮的

一般我是选择的是第三个

 

 第一个是指:保存以后就检测

后面的直接回车即可;当创建项目成功以后,根据以下代码启动项目即可

npm run serve // 启动项目

 

 

 

 
posted @ 2022-03-07 10:06  小新没蜡笔哦  阅读(460)  评论(0编辑  收藏  举报