vue3.0脚手架 创建项目

1.下载node最新稳定版本,并且安装

2.安装好之后,在cmd或者terminal下, 使用npm -v 查看当前npm版本,验证是否安装成功

3.安装成功后,运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本,验证是否安装成功

4.vue-cli搭建基础项目: 以搭建一个项目名称为vue-test的vue前端项目为例

5.在终端下输入以下命令 : vue create + 你的项目名称

6.根据提示进行相应的配置,选取必要的模块

 

7.选择项目需要的一些特性(此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化)

 

8.选择路由模式,在这里我们选择兼容性比较好的哈希模式

 

9.选择css预处理语言,在这里我们选择兼容广泛的stylus

 

10.选择ESlint代码规范,此处使用standard代码规范

 

11.选择何时启用lint格式化,在这里我们选择保存的时候

 

12.配置信息分开保存还是单独一个文件保存,我们选择分开保存

 

13.是否将当前设置作为预设,选择否

 

14.项目生成中

 

15.配置完成后Vue-cli完成初始化

 

16.初始化完成后,根据提示进入到vue-test项目中,并启动项目

17.   进入到vue-test项目cd vue-test

       启动服务npm run serve

       打包编译npm run build



 



猜你喜欢

转载自www.cnblogs.com/whx123/p/12084998.html