vue使用-搭建项目

作者: EastC | 来源:发表于2018-03-27 16:40 被阅读0次

1.搭建简单的vue项目
1.1 <script> 引入
直接使用<script>标签引入如下

//cdn
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

1.2 使用vue-cli构建项目

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm run dev

2.搭建vue-webpack-elementui项目
利用vue-cli构建vue项目之后安装elementui插件

npm install vuex elementui  --save

vue-cli生成的webpack配置解析-build/dev-
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
vue cli3 搭建项目使用vue-router 以及 el
vue cli3 搭建项目使用vue-router 以及 element-ui 搭建vue项目，（node和gi...
【VUE】安装搭建项目vue-cli
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
vueDemo-1
vue打包使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...
我的第一个Vue.js项目----仿cnode社区
一、环境搭建使用vue-cli脚手架搭建Vue项目全局安装 npm install -g @vue/cli 查...
使用Vue-cli搭建项目教程
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可...
vue-cli搭建cnode社区
一、准备工作 1.使用vue-cli脚手架搭建项目，参考我的文章：使用使用vue-cli脚手架搭建项目2.安装...
vue移动端px自动转换vw适配
在vue移动端的项目使用vw适配的效果要优于rem适配。在最新的vue-cli3搭建的项目中，搭建完成之后，使用...
使用MuseUI创建你的第一个单页面应用
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...
给你的MuseUI应用添加字体、样式
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...