一、安装node环境(我已经提前安装好啦,Vue CLI 需要Node.js8.9 或更高版本 (推荐 8.11.0+))
node环境安装就不仔细描述啦,安装步骤简单的跟个一似的。不知道怎么安装的戳我
安装成功可用以上命令验证是否安装成功。
二、全局安装Vue3包
使用一下命令进行安装
npm install -g @vue/cli
安装结果如下:
三、创建项目
vue create pwatsless ( pwatsless为项目名称,我是按照项目的部分环境命名)
如果初次创建项目,就只会出现红色方框里面的两项(我是之前就创建过项目),按键盘上的向下键(向下的方向键)进行选择安装的项目环境,我选择的是手动选择安装(Manually select features)
直接进行回车选择项目预安装环境(按空格对预安装环境进行选中或未选中的切换)
一路回车就可以啦。
出现以下命令,那么恭喜你,你已经成功创建了项目。
用编译器打开创建的项目,可以观察到项目目录如下图所示:
让我们运行一下项目(vue2是用 npm run dev 进行运行项目)
出现以下界面说明已经成功运行起来了。我们需要手动在浏览器上输入下面两个任一个地址,才能看到页面效果;如果想运行项目的时候自动在浏览器打开,需要对项目进行配置,配置参考戳我
在浏览器输入地址后,页面效果如下:
更多敬请关注,持续更新。。。。。。。。。。。