vue-cli (脚手架安装项目及使用)

1.创建项目：vue init webpack  vue1 

vue init webpack  +项目

项目名称：vue1

2.设置效果图：

？  项目名称：dome圆顶  

？  一个Vue.js项目  

？  作者  

？  Vue构建独立的  

？  安装vue-router ? 是的  

？  使用ESLint来检测你的代码? 是的  

？  选择一个ESLint预设标准  

？  设置单元测试是的  

？  选择一个测试者笑话  

？  使用Nightwatch设置e2e测试? 是的  

？  我们应该在项目创建后为你运行' npm install '吗? (推荐)npm  

·生成“dome”。  

 3.进入项目：cd dome

4.下载项目依赖：npm install

5.打开浏览器默认窗口：npm run dev

 6.使用路径在浏览器打开：http://localhost:8080

完成。

7.编译器里面打开效果图

 

8.我们创建项目后，那该怎么去使用呢？

目录：

build目录：可以理解为入口目录文件

package.json等配置文件

src：里面：

assels：静态的一些资源文件。如：img、css、js

conmponents：小组件文件

app.vue根组件；

main.js全局脚本文件项目的入口）

views页面组件router

royter--index.js路由脚本文件

store-index.js仓库基本文件（vuex插件的配置文件）