vue 项目结构搭建 脚手架的搭建 Vue-cil

vue-cil :vue脚手架：提供基本项目结构

本身集成了很多项目模板：

　　　　webpack：

　　　　webpack-simple:

mac 安装 前提示安装好node

1.输入 sudo npm install -g vue-cli 这个命令；

2.输入 vue

3.输入 vue init webpack-simple vue_demo

4进入cd vue_demo

5 安装 npm install

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo }
span.s1 { }

6运行 sudo npm run dev

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo }
span.s1 { }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo }
span.s1 { }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo }
span.s1 { }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo }
span.s1 { }

时间： 2024-10-07 17:45:23

vue 项目结构搭建 脚手架的搭建 Vue-cil的相关文章

vue项目结构总结

vue项目结构 ├── build # webpack文件,配置参数,打包的代码存放在这里. ├── config # vue项目的基本配置文件(配置端口等信息) ├──dist #打包好后的文件(打包对文件进行混淆) └── static └──js └──css └──img └──fonts ├── node_modules # 项目中安装的依赖模块 ├── src # 源代码文件夹 └── assets # 资源文件夹,里面放一些静态资源 └── components # 放置各个vue

Vue项目结构说明

上篇搭建的项目结构如图 简单介绍目录结构 build目录是一些webpack的文件,配置参数什么的,一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹,基本上文件都应该放在这里. -assets 资源文件夹,里面放一些静态资源 -components这里放的都是各个组件文件 -App.vue App.vue组件 -main.js入口文件 static生成好的文件会放在这个目录下. test测试文件夹,测试都写在这里 .babelr

Vue项目用了脚手架vue-cli3.0，会报错You are using the runtime-only build of Vue where the template compiler is not available

报错信息如下图: 报错原因是:vue有两种形式的代码:一种是compiler(模版),另一种是runtime(运行时)模式. 修改方法:修改main.js ,对照自己的代码模式对号入座 原文地址:https://www.cnblogs.com/wpcnblog/p/11356495.html

vue项目结构

1.index.js:修改端口,设置启动项目时自动打开浏览器 如果想要让同一域下面的其他电脑访问这个项目:host的localhost改成0.0.0.0 2.package.json:大多数都是项目的依赖 原文地址:https://www.cnblogs.com/zhanzhuang/p/9231363.html

vue项目中，main.js,App.vue,index.html如何调用

1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件 2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的.其实你也可以理解为所有的路由也是App.vue的子组件.所以我将router标示为App.vue的子组件. index.html文件入口 src放置组件和入口文件 node_modules为依赖的模块 config中配置了路径端口值等 build中配置了webpack的基本配置.开发环境配置.生产环境配置等 原文地址:https://ww

Vue项目环境的搭建

Vue项目环境搭建 node 是由c++编写的专门用来运行javascript语言的. npm(cnpm)~~pip:npm是一个终端应用商城,就像python的pip一样,只不过他服务器也在国外,所以可以换国内源cnpm vue~~django:vue是用来搭建vue前端项目的. js是前端的弱语言的脚本编程语言,而node则是一个后端语言 1.安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2.换源安装cnpm,后续下载只需要将npm换成cnpm

Vue项目环境搭建

Vue项目环境搭建 """ node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城,可以换国内源cnpm vue ~~ django:vue是用来搭建vue前端项目的 ? 1) 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ ? 2) 换源安装cnpm >: npm install -g cnpm --registry=https://registr

vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目的请求生命周期 三.vue项目中的功能 1. 路由相关的标签和方法 2. 路由配置 (1)无路由传参的路由配置方法 (2)路由传参的路由配置方法 3. 页面的跳转功能 (1)标签跳转 (2)逻辑跳转(路由跳转) 四.JS原型 五.vue组件生命周期钩子 六.vue的ajax插件:axios 七.vu

搭建Vue项目开发环境（一）

1.初始化 Vue 项目: (1)彻底删除 cnpm (假如已安装过): npm uninstall cnpm -g (2)安装 cnpm 淘宝的包管理器(由于 npm 的插件都是从国外服务器下载,因网络不稳定,可能出现异常,所以需要更换为 cnpm): npm install cnpm -g --registry=https://registry.npm.taobao.org (3)查看包管理器是否安装成功: npm config get registry (4)全局安装 vue-cli2.x