写在最前:
node 版本要求 >= 8.9 。
安装
安装脚手架: npm install @vue/cli
(如果是全局安装,安装命令加 -g)
检验安装成功:
在命令窗口中输入命令: vue --version 或者 vue -V (v大写)
出现版本号即为安装成功
搭建项目
1. vue create 项目名称 (项目名称中,不要有大写字母)
2. 选择手动配置后,配置如下:
3. 选择 vue 版本 (2.x)
4. 是否使用 class 风格的语法组件(Y):
5. 是否使用 babel 做转义 (Y):
6. 路由是否使用 history 模式 (N):
7. 选择css 预处理器:(根据使用习惯选择即可):
8. 选择代码风格,格式校验 (standard):
9. 选择何时检查代码 (save):
10. 选择 Babel , PostCss, ESLint 等自定义配置的存放位置
11. 是否将此作为将来项目的预配置 :
y 下次创建项目的时候,可以复用此次的配置
12. 此次配置名称
完整配置:
13. 项目创建成功后
cd 项目名称,进入项目文件夹
npm run serve 可启动项目
如下,启动成功:
项目地址:
系列文章:
vue-cli3+ 搭建pc端管理项目(二, 不同环境配置[开发,测试,生产])
vue-cli3+ 搭建pc端管理项目(三, css预处理器scss使用)