从vue基础开始创建一个简单的增删改查的实例代码(推荐)-创新互联-成都快上网建站

从vue基础开始创建一个简单的增删改查的实例代码(推荐)-创新互联

1、安装vue-cli    cnpm install vue-cli -g  --执行全局安装

创新互联建站主要从事网站制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务衡水,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

2、创建一个webpack的基础项目;命令:vue init webpack myproject;

从vue基础开始创建一个简单的增删改查的实例代码(推荐)从vue基础开始创建一个简单的增删改查的实例代码(推荐)

  以下是项目的目录结构及说明

  build是webpack配置

  build.js       // 生产环境构建代码

  check-versions.js // 检查node&npm等版本

  utils.js          // 构建配置公用工具

  vue-loader.conf.js // vue加载器

  webpack.base.conf.js // webpack基础环境配置

  webpack.dev.conf.js //  webpack开发环境配置

  webpack.prod.conf.js // webpack生产环境配置

  config——vue项目配置

  dev.env.js  // 开发环境变量(看词明意)

  index.js //项目一些配置变量

  prod.env.js // 生产环境变量

  node_modules——[依赖包]

  src——[项目核心文件]

  App.vue——根组件

  main.js——入口文件

  router——路由配置

  static// 静态文件,比如一些图片,json数据等

  editorconfig// 定义代码格式

  gitignore// git上传需要忽略的文件格式

  index.html//主页

  package.json// 项目基本信息

  README.md// 项目说明

3、安装element-ui 命令:npm i element-ui -S

  main.js中需要配置

 import elementui from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'
  Vue.use(elementui);

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站名称:从vue基础开始创建一个简单的增删改查的实例代码(推荐)-创新互联
浏览地址:http://kswjz.com/article/cocceg.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流