新建一个vue3.0项目

前言：在此之前需要已经安装好了Node.js环境和脚手架vue-cli,参考：从零新建vue项目

1.输入 vue -V 检查脚手架版本

如图，若版本低于3.0，则需要更新

②更新脚手架（vue-cli）

先卸载旧版，再下载新版

卸载
npm uninstall -g vue-cli

下载
npm install -g @vue/cli

如果下载不成功，如图，则需要删除node_modules下的@vue文件夹

再执行安装命令 

更新成功

2.输入命令 vue create 项目名称  创建项目 ,注意：项目名称不能使用驼峰命名，可用" - "连接

例如 ：vue create test1

① 一般选择“自定义项目”，用键盘上下键移动，回车选中

② 一般选择下面几项配置，用键盘上下键移动，空格选中

③ 选择vue项目版本，选3.x

 

④ 选择router的模式（router有两种模式：history，hash，默认是hash模式），选择Y

⑤ 选择css,习惯使用哪种就用哪种，我选择的sass

 ⑥ Eslint的配置，一般选择标准模式

⑦ lint的提示方式，一般选择在保存时提示

 

⑧ 配置文件的保存位置，一般保存在package.js里 

 

⑨ 是否将以上选项设置为预设，按个人习惯选择

 选择完毕后回车，等待一会儿，项目创建成功，如下图

查看运行初始界面

输入命令  npm run serve 

注意：当前运行目录须在你创建的项目下，否则会报错，找不到package.json

 

快捷传送下一篇：认识vue3.0项目目录结构