创建vue3工程

一、新建工程目录E:\vue\projectCode\npm-demo用Visual Studio Code 打开目录

二、点击新建文件夹按钮，新建vue3-01-core文件夹

三、右键vue3-01-core文件夹点击在集成终端中打开

四、初始化项目，输入npm init 一直敲回车直到创建成功如下图

npm init

五、安装vue3 

npm install [email protected]

六、创建vue helloworld 页面

1、点击新建文件按钮，创建helloword.html

2、文本输入！加tab 插入html 模版

3、输入代码

• 声明一个根节点：vue管理dom的入口
• 引入vue.js库文件
• 编写vue.js代码

    
    
    


    

    
    

        {{ msg }}
    

    
    

    
    

4、通过liveserver 插件，运行服务。

效果如下