Vue-cli3搭建Vue项目

前言:

   前端技术发展迅速,我们只能不断学习!手动滑稽~

   nodejs版本建议至少为8.9.0+

Vue-cli3搭建Vue项目_第1张图片

正文

    1、安装

    npm install -g @vue/cli    请记住 @vue/cli这个的称呼!

    2、创建

    vue create   

    *选择第一项为默认,下图为自定义配置信息,点击空格键即可选择/取消

生成项目时,有2种选择,

第一个:default使用默认模板。

第二个:自定义项目所需模板,根据自己的喜好进行模板搭配。

Vue-cli3搭建Vue项目_第2张图片

Vue-cli3搭建Vue项目_第3张图片

Vue-cli3搭建Vue项目_第4张图片

Vue-cli3搭建Vue项目_第5张图片

Vue-cli3搭建Vue项目_第6张图片

选择完成后,等待依赖下载,然后cd命令进入项目,npm run serve 启动项目,如果习惯了vue-cli2的朋友,可以在package.json文件中,将启动命令 npm run serve 修改为 npm run dev。

你可能感兴趣的:(经验总结)