使用vue-cli3手脚家搭建项目

256 阅读1分钟
一、安装好node环境

二、使用cmd窗口全局安装vue-cli3

    npm install -g @vue/cli
    
    需要注意的是,在安装全局@vue/cli时会遇到些问题,比如说vue的指令不是内部指令什么的,这时候要去c盘查找你安装的vue.cmd文件,获取该文件的安装路径,然后去设置系统高级属性环境变量,把该路径添加到环境变量中。

三、安装完成后,进入对应的文件夹按下shilf健和鼠标右键,弹出窗口新建vue项目,输入以下指令:

   vue create custom-ui <项目名称>

下图是新建项目成功打印的信息:

四、预览vue项目,打开cmd窗口,进入改项目路径,输入指令:

npm run serve

下图是项目成功跑起来的预览效果: