从零开始搭建vue框架启动项目(最新搭建)

脚手架 vuecli3.4
全局安装:
如果你电脑中有老的版本 如vuecli2
npm uninstall vue-cli -g 写在老版本的cli(1.x 2.x)如果没有安装的 略过

npm i -g @vue/cli

yarn global add @vue/cli

测试有没有安装成功

vue --version 出现了版本号 安装成功

vue create myapp 启动你的项目

从零开始搭建vue框架启动项目(最新搭建)_第1张图片

接下来选择最下面一行回车

从零开始搭建vue框架启动项目(最新搭建)_第2张图片

然后空格键选择你需要的配置回车

从零开始搭建vue框架启动项目(最新搭建)_第3张图片

然后输入no在选择第一个不太建议选择第二个(容易出现问题)再继续回车

从零开始搭建vue框架启动项目(最新搭建)_第4张图片

注意在启动项目时 有时候因为 node-sass下载不下来会报错

解决方法:
cnpm i -D node-sass
npm i -D node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node

接下来根据需要来选择ESLint语法规范

从零开始搭建vue框架启动项目(最新搭建)_第5张图片

然后选择自己喜欢的配置回车

从零开始搭建vue框架启动项目(最新搭建)_第6张图片

然后选择自己选择是否在package.json文件夹下

从零开始搭建vue框架启动项目(最新搭建)_第7张图片

接下来问你是否保存这次的配置,如果希望保存输入y回车,不要就跳过这个过程输入n

从零开始搭建vue框架启动项目(最新搭建)_第8张图片

接下来起名字回车,下次创建新的项目就直接使用就行

从零开始搭建vue框架启动项目(最新搭建)_第9张图片

接下来等待就ok

从零开始搭建vue框架启动项目(最新搭建)_第10张图片

最后页面是这样就成功了

从零开始搭建vue框架启动项目(最新搭建)_第11张图片

*npm run serve 开发环境构建
*npm run build 生产环境构建 
*npm run lint 代码检测工具

npm run serve之后根据代码提示在地址栏输入localhost

页面如下:

从零开始搭建vue框架启动项目(最新搭建)_第12张图片

vuecli脚手架雏形就完成了。

欢迎各位大神指教,互相学习

你可能感兴趣的:(vue.js)