vue安装及创建运行

文章目录

vue安装及创建运行
vue下载
- vue-devtools调试工具
- 简单流程:

vue下载

cnpm安装：
- 升级npm：cnpm install npm -g
- npm cofig set cache “”C:\nodejs\node_cache“”
- npm cofig set prefix “”C:\nodejs\node_cache“”
- 安装cnpm：一个国内的npm安装工具
  - 安装淘宝镜像中的cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org
- 设置安装包路径：
  - cnpm config set cache “”C:\nodejs\node_cache“”
- 设置模块安装路径：
  - cnpm cofig set prefix “”C:\nodejs\node_cache“”
- 使用cnpm安装vue：
  -cnpm install vue -g
- 安装vue命令行工具：
  - cnpm install vue-cli -g

vue-devtools调试工具

下载vue-devtools：
- git clone https://gitub.com/vuejs/vue-devtools
进入到vue-devtools目录下安装依赖包：
- cd vue-devtools-dev
- cnpm install
- cnpm run build
cnpm install yargs
cnpm install acorn
cnpm insatll global-prefix
cnpm insatll @vue/component-compiler-utils
cnpm install vue-style-loader

修改shells>chrome文件夹下的mainifest.json 中的persistent为true

 cnpm install sockjs cnpm install express cnpm install body-parser cnpm install merge-descriptors cnpm install finalhandler cnpm install on-finished cnpm install parseurl cnpm install statuses cnpm install unpipe cnpm install path-to                                                                                                                   -regexp cnpm install m4-ethodscnpm install utils-merge cnpm install setprototypeof cnpm install safe-buffer cnpm install send cnpm install proxy-addr cnpm install type-iscnpm install vary cnpm install raw-body cnpm install serve-static cnpm install serve-index cnpm install http-proxy-middleware cnpm install http-proxy cnpm install eventemitter3 cnpm install requires-port cnpm install follow-redirects cnpm install webpack-dev-middleware cnpm install selfsigned cnpm install node-forge cnpm install opn cnpm install is-wsl

简单流程:

node -v
npm -v

可以再查看一下 cnpm -v

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g vue-cli

跳转到你要创建项目的盘符

vue init webpack first-project
创建文件名称

如果失败了直接走右边,成功走下面：
cd first-project–cnpm install --cnpm run dev

cd first-project
运行：
cnpm run dev

vue安装及创建运行相关推荐

Visual Studio 2019 安装并创建运行C++项目
Visual Studio 2019 安装并创建运行C++项目一.安装Visual Studio 2019 在官网下载社区版本的VS2019: https://visualstudio.micros ...
Vue安装并创建项目
vue是基于node.js框架,很好的实现了mvvm,是一种轻量级的渐进式框架. MVVM思想:view-viewmodel–model,view与model的数据通过viewmodel实现了数据的双 ...
Vue安装及创建第一个Vue项目
一.安装并配置node.js 下载地址:http://nodejs.cn/download/ (一直选择·next) 二.环境配置(极其重要!!) 1.输入node -v 和 npm -v 检查是否安 ...
HBuilderX的下载安装和创建/运行项目
文章目录一.HBuilderX的下载安装二.创建项目三.运行项目(uni-app)到手机一.HBuilderX的下载安装 HBuilderX的下载安装的步骤: 第一步:HBuilderX:官方 ...
1.Android简介，Android Studio安装，创建运行Android程序
文章目录 1.了解通信技术 2.Android简介 2.1 Android起源 2.2 Android历史版本 3.Android Studio开发环境的搭建 3.1 Android Stud ...
如何在Window下安装node\npm\cnpm，并安装vue.js，创建项目
1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...
vue及脚手架的下载安装，创建项目
壹．安装 1.1安装vue.js,网址为:https://vuejs.org/v2/guide/installation.html ,老师给的网址打开会变成源代码. 1.2安装node,zip是安装完 ...
vue.js — 安装Webpake创建一个完整的项目并上传至码云
vue.js - 安装Webpake创建一个完整的项目并上传至码云今天总结一下之前几天学习的一整套的创建项目方法: 前提条件:已安装node.js.npm/cnpm最新版本.vue-cli. VS ...
uni-app(Vue.js)创建运行微信小程序
uni-app(Vue.js)创建运行微信小程序 1.全局安装 npm install -g @vue/cli 需要安装node,官方网站,否则提示npm不可用 2.创建uni-app 新建文件夹,选 ...

vue安装及创建运行

vue安装及创建运行

文章目录

vue下载

vue-devtools调试工具

简单流程:

vue安装及创建运行相关推荐

最新文章

热门文章