从零开始搭建vue框架启动项目

脚手架 vuecli3.4

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

pm i -g @vue/cli

yarn global add @vue/cli

测试有没有安装成功

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

vue create myapp  启动你的项目

 

 

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

 

 

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

 

 

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

 

 

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

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

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

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

 

 

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

 

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

 

 

 

 

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

 

 

接下来等待就ok

 

 

 最后页面是这样就成功了

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

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

 

 页面如下：

 

 vuecli脚手架雏形就完成了。