搜索
首页 电脑/网络

图文介绍vue.js从安装到搭建过程

全部回答

2023-03-22

0 0

    这篇文章主要为大家详细介绍了vuejs从安装到搭建的整个过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最初的时候用vue是直接下载相关文件 按照以前的方法来操作的后来发现安装好以后似乎用起来更便利,然后就开始琢磨着怎么搭起框架来,下面是过程:安装1、 安装nodejs直接网上找下载就好2、安装淘宝镜像打开命令行 输入npm install -g cnpm --registry= https://registry。
    npm。taobao。org3、安装webpackcnpm install webpack -g4、在你想要新建项目的路径下新建文件夹 用于存放项目文件cd 进入你的文件路径vue init webpack-simple 工程名字(名字不能用中文)后面会有一些默认的设置Target directory exists。
     Continue? (Y/n) 直接回车默认 Project name (vue-test) 直接回车默认 Project description (A Vue。js project) 直接回车默认 Author 写你自己的名字5、完成以后 就会发现 你的文件夹里已经有了所需的文件6、安装npm 项目依赖 这一步会比较慢 因为文件很多npm install7、运行你的项目npm run dev到这里 你的基本安装以及搭建就算是完成了下面就写一些我在项目里遇到的一些需要文件的引入1、jQuery的导入之前在和别人讨论的时候 他说vue不需要用jQuery 但是我们项目那边说要安装 所以我就安装了-_-首先是命令行安装npm install jquery --save加入- -save 的意思就是保留到本地然后再webpack。
    config。js 中module。exports。plugins =中加入new webpack。optimize。CommonsChunkPlugin('common。
  js'), new webpack。ProvidePlugin({ $: 'jquery' jquery: 'jquery' })还有再要引用的js中加入import $ from 'jquery'window。
    $=$这样 jQuery就成功导入项目中了2、静态css以及js导入静态css 导入就是在相应的。vue文件中import例如@import '/assets/css/global。
  css'静态js在相应的js中require 还有这些js以及css要放在assets下面require('/assets/js/global。  js')3、vue-resource 导入还有elementui导入方法都是一样 这里就医vue-resource为例npm install vue-resource --save之后在需要导入的js中import还有useimport VueResource from 'vue-resource'Vue。
    use(VueResource)。

类似问题换一批

热点推荐

热度TOP

相关推荐
加载中...

热点搜索 换一换

电脑/网络
电脑/网络
电脑装机
程序设计
硬件
笔记本电脑
互联网
操作系统/系统故障
软件
反病毒
百度
举报
举报原因(必选):
取消确定举报