如何使用Vue CLI创建项目?
1、如果你还没有安装 VueCLI,请在电脑终端执行下面的命令安装或是升级: npm install --global @vue/cli
2、安装后,在项目的文件夹的下打开终端,在命令行中输入一下命令创建 Vue 项目:vue create first-m 【first-m这个是项目名称,可以自行设置】
2.1 进入要创建项目的目录
2.2 输入 vue create first-m
2.3 选中 Manually select features【手动选择的方式,支持更多工具的自定义,可以选择更多的配置】后回车
2.4 选中 绿色圆圈【这些是需要在项目中集成的工具】的选项后回车
2.4.1 Babel 的作用是把项目中的ES6的代码转成ES5,用来兼容低版本的浏览器
2.4.2 Router 的作用是用来管理项目中的路由
2.4.3 Vuex 是用来管理项目中共享的数据状态
2.4.4 CSS Pre-processors 是css预处理器
2.4.5 Linter/Formatter 作用是用来对项目中的代码进行格式化校验的
2.5 选中后继续回车
2.6 路由模式常见的有两种,一种是history模式【url比较简洁,但是兼容性不太好】,
一种是hash模式【所有选用传统的hash模式】;所以输入 n 即可,回车
2.7 选择 Less 后回车
2.8 选择 ESLint + Standard config【代码格式校验】后回车
2.9 选择在什么情况下触发代码格式校验
Lint on save 【当修改保存文件时会触发代码格式校验】
Lint and fix on commit 【当执行提交时触发】
2.10 选中后回车
2.11 y【是对上的选择进行保存,已备下次使用,可以起一个名字 y-name】,N【是不保存】
2.12 第三方包安装成功,利用给出的命令把项目启动起来
2.13 执行cd first-m 进入到项目当中
2.14 执行 npm run serve 启动项
2.15 编译后 项目启动成功
2.16 看到下面页面说明创建成功了哦~~
http://localhost:8080/ 【是本机访问地址】
http://192.168.0.103:8080/【是局域网访问地址】