vue项目从0搭建教程（默认已安装了node.js）

1：新建一个文件夹 例：translate（图序号1）。注：(图序号2)是我搭建好了项目的截屏，不管

 2：打开终端 点击"查看"（view）点击"终端"(Terminal)。

 3:输入:vue init webpack 项目名    例：vue init webpack translate-vue

 4：如果控制台出现” ？“点 Enter，出现（Y/N）输入Y;然后等待下载完成；下图是已经下载好生成的目录

 5:在src目录下新建文件夹views,views文件夹下新建文件夹index，index文件夹下新建index.vue文件；注意最后这个是新建.vue文件！

 

 6:编辑index.vue内容

 7：编辑src文件夹下的router

8：运行项目终端输入命令: npm run dev

如果出现下面这种报错与eslint相关

 

则将useEslint: true,改成useEslint: false,

 

9：然后重新运行项目：npm run dev,访问localhost:8080 （看控制台端口是多少，我的是8080）

显示出上面这个页面就说明项目初始结构假设好了