基于新版 node 的 vue 脚手架搭建

1. node 安装版本 9+

2. 命令行创建方式 vue create project

3. 可视化创建方式 vue ui

4. 扩展 goole 下 vue 调试工具安装

git 资源 https://github.com/vuejs/vue-devtools.git

步骤：

下载资源 - cd vue-devtools - npm install - npm run build - shells>chrome>manifest.json并把json文件里的"persistent":false改成true -

打开chrome浏览器，打开更多工具>扩展程序；

再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入

扩展

vue-cli 脚手架工具安装

use vue-cli
npm install --global vue-cli
vue init webpack my-project
cd my-project
npm run dev

转载于:https://www.cnblogs.com/justSmile2/p/10990598.html

基于新版 node 的 vue 脚手架搭建相关推荐

vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法
安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...
Vue 脚手架搭建目录及文件详解
vue脚手架搭建在各大前端网站都有详解,这里就不多作介绍,此文章主要介绍脚手架搭建后的目录结构,以及配置文件的详解. 1. 目录结构目录结构如下: 我们来介绍一下这些目录: 一级目录 build: ...
前端开发人员必学的VUE脚手架搭建
提示:vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦. 文章目录一.cmd命令操作符如何打开? 1.win ...
Vue脚手架搭建及vue项目创建【详细教程】
目录 Vue脚手架环境安装 Vue项目创建 Vue项目目录结构项目运行流程组件结构 Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具 ...
Vue脚手架搭建项目
全局安装vue脚手架 $ npm install -g vue-cli 卸载方法 $ npm uninstall -g vue-cli 查看vue版本(注意:大写的V) $ vue -V 创建项目 $ ...
vue脚手架搭建项目的兼容性配置
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等. 首先安装babel-polyfill,解决ie不支持promise对象的问题 npm insta ...
Vue脚手架搭建与一些简单小指令
如果Vue是一条大路,我就是一辆汽车,我跑啊跑,我多快乐! 如果Vue是一条大河,我就是一条小鱼,我游啊游,我多快乐! 如果Vue是一棵大树,我就是一片落叶,我飘啊飘,我多快乐! Vue是前端开发中很 ...
Mac Vue脚手架搭建
一:需要安装的工具 node npm vue 二.Node和npm安装进入node官网 Node.js 注意:(Vue CLI 4.x 需要 v8.9 或更高版本 (推荐 v10 以上)) 下载长期 ...
基于Hexo+Node.js+github+coding搭建个人博客——进阶篇(从入门到入土)
前言先附上个人博客链接:http://yangbingdong.com/2017/build-blog-hexo-advanced/ 好久没更新了,因为懒- - 前面介绍了Hexo的一些基本搭建→基 ...

基于新版 node 的 vue 脚手架搭建

基于新版 node 的 vue 脚手架搭建相关推荐

最新文章

热门文章