不是吧 不会还有人在用vue2.0吧

208 阅读1分钟

156CBBFF749D3CF66CDD7DBC7C44831B.png

vue3.0脚手架安装

一.vue(3.0)版本的安装

  1. 先安装 node.js

    官网: nodejs.org/zh-cn/downl…

  2. node.js安装后

         如果安装过vue(2.0),需要卸载2.0输入 “ npm uni -g vue-cli ”
         如果没有安装vue(2.0),直接在全局命令窗口输入安装 “ npm i -g @vue/cli ”
         检查版本号 输入 “ vue -V ”
    

    image.png

二.vue的3.0版本的使用

  1. 新建一个文件夹

    image.png

  2. 打开终端(cmd命令窗口)

    image.png

  3. 在终端输入 “ vue create (项目名称) ” 注意:项目名不可用驼峰命名法

    image.png

  4. 安装步骤:

    根据自己所需要的安装 空格选中

    image.png

    image.png

    这里的意思是选择一种格式化

    image.png

    这里是问你什么时候进行代码规则检测

    image.png

    这是问你是否记录这次配置选择,选择之后会让你为这次配置起一个名字,这样下次可以直接快速配置选择,最后回车后就会初始化项目了

    image.png

    完成后如下图

    image.png

  5. 启动项目 根据提示先执行 “ cd vue_dome ” 然后执行 “ npm run serve ”

    image.png

    在浏览器地址栏输入 “ http://localhost:8082/ ” 效果如下:

    image.png

 *当我们需要自定义webpack相关配置的时候需要在项目根目录中创建vue.config.js文件,
 它会被@vue/cli-server自动加载,相关配置内容官网将的很详细,大家可以自己去官网看*
 

好了,今天的内容就到这里了,本期结束 我们下期见

BBAA2B0BDC612E944BE0AD3D695DE73B.png