使用vue-cli 3搭建一个项目

node版本

官方建议,node.js的版本,需要是8.9或者以上(建议是8.11.0+)

更新vue cli

npm install -g @vue/cli

创建项目

vue3.x同样支持这种方式:
vue init webpack project-name

我们用最新的创建方式:
1.vue create projectName
使用vue-cli 3搭建一个项目_第1张图片
这里推荐选择第二个,第一个默认没有 router 和 vuex,个人选择了如下内容
使用vue-cli 3搭建一个项目_第2张图片
2.是否使用history路由,这个看公司项目要求

3.选择css处理器,这个看个人编码习惯
使用vue-cli 3搭建一个项目_第3张图片
4.eslint和配置,这里选择了标准配置
使用vue-cli 3搭建一个项目_第4张图片
5.选择lint
使用vue-cli 3搭建一个项目_第5张图片
6.lint的配置文件的存放问题,个人推荐选择第一项,便于管理
使用vue-cli 3搭建一个项目_第6张图片
7.是否保存本次创建项目的配置项,用于下次快速创建项目
使用vue-cli 3搭建一个项目_第7张图片
8.回车等待项目创建
使用vue-cli 3搭建一个项目_第8张图片
9.进入项目文件目录,npm run serve 就可以启动项目啦
使用vue-cli 3搭建一个项目_第9张图片
10. vue3.x文档: https://cli.vuejs.org/zh/guide/

你可能感兴趣的:(前端开发,vue.js,vue搭建项目)