vue-搭建及简单使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-搭建及简单使用相关的知识,希望对你有一定的参考价值。

好久没写了那就写点吧

vue其实很简单的一个

运行服务 cmd  输入  node -v  npm -v  webpack -v    

看有没有安装,没有就依次安装   node地址  https://nodejs.org/en/download/

如果是 Window 系统使用以下命令即可: 

npm install npm -g

安装webpack

npm init

npm install webpack --save-dev

或者  npm install webpack -g

以上都成功之后就开始VUE的搭建

安装vue-cli脚手架构建工具

npm install -g vue-cli ,

好了之后安装 淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
准备工作完了

创建一个基于 "webpack" 模板的新项目
vue init webpack (my-project 文件名)

cd (my-project文件名)
安装依赖,走你

npm install (依赖)

npm run dev (启动)

很久没有用这个了   放在了码云去了下面是地址

https://gitee.com/ice-ice

有些项目用不了  因为没有安装sass和less

以上是关于vue-搭建及简单使用的主要内容,如果未能解决你的问题,请参考以下文章

一个简单的springboot+Vue前后端框架搭建

vuepress使用简介及个人博客搭建

vue-cli搭建及项目目录结构

vue-cli入门-----搭建一个简单的登录页面

使用vue-cli脚手架搭建简单项目框架

vue环境搭建后,简单的单页面切换详细步骤,代码的放置在啥地方