使用VUE从零开始搭建项目

VUE项目创建过程：

1. 首先选择一个空文件夹，然后【窗口+R】打开终端

2. 终端运行vue create 项目名，可能会出现下图，不要慌， 这是因为需要更新或者安装脚手架，按照搜提示的命令执行即可，成功安装或者更新完成后再次执行vue create 项目名
   

3. 然后出现以下配置，出现如下图
   这里按下键，Manually select featues 选择手动配置
   

4. 选择所需要的依赖(按空格选择) Babel, Router, Vuex, CSS Pre-processors, Linter / Formatter
   
   选择完成后按enter键进行确认，然后会出现选择VUE版本和已经选择过的依赖，这里就按照自己的选择即可，选完enter,如下图
   

5. 然后就出现选择Router,Use history mode for router? 是否选择history模式(另外一个hash模式)，这里选择是Y
   

6. 选择预处理器，Sass/SCSS（with node-sass）
   

7. 选择代码校验，ESLint+Prettier,选择第一个，
   
   出现如下图保存就校验
   

8. 选择配置文件，In package.json，第一个
   

9. 最后是否选择以上配置为以后项目开发默认配置，这里可以选择否N，整体配置，如下图
   

10. 回车【enter】确认后，会开始创建项目，如下图说明创建成功
    

11. 然后cd到项目目录下，执行npm run serve运行项目。
    
    12.如果需要依赖版本可以窗口+R然后cmd 然后到当前项目根目录下，运行vue ui或出现可视化工具，然后按照需要添加相关依赖即可，如下图
    

错误

如果遇到如下错误，如下图，这是因为版本太低导致的，只要大于或等于3.2.13版本都能处理该问题

如何打包dist和本地测试运行dist
1.打包使用命令npm run build,执行完成后项目目录下会出现dist文件夹

2.本地运行dist文件夹需要使用到http-server,执行命令npm install http-server -g进行全局安装

3.安装成功后执行http-server -p 端口号

4。然后就可以在浏览器运行了，当然访问的时候也有可能会出现如下错误

出现这种错误可以通过一下方式解决，执行命令npm install -g anywhere在当前项目中全局安装

安装成功后在执行命令anywhere -p 端口号，出现下图，说明运行成功，可以访问了