vue.js从安装到搭建过程详解

　　

最初的时候用vue是直接下载相关文件按照以前的方法来操作的
　　

　　

后来发现安装好以后似乎用起来更便利,然后就开始琢磨着怎么搭起框架来,下面是过程:

　　

<>强安装

　　

1,安装nodejs
　　

　　

直接网上找下载就好

　　

2,安装淘宝镜像
　　

　　

打开命令行输入

　　 　　 　　npm安装- g cnpm——注册表=https://registry.npm.taobao.org 　　之前 　　 　　

3,安装webpack
　　

　　 　　 　　cnpm安装webpack - g 　　之前 　　 　　

4,在你想要新建项目的路径下新建文件夹用于存放项目文件
　　

　　

cd进入你的文件路径

　　

vue init webpack-simple工程名字(名字不能用中文)
　　

　　

后面会有一些默认的设置
　　

　　 　　 　　目标目录的存在。继续# 63;(Y/n)直接回车默认 　　项目名称(vue-test)直接回车默认 　　项目描述(Vue。js项目)直接回车默认 　　作者写你自己的名字 　　之前 　　 　　

5,完成以后就会发现你的文件夹里已经有了所需的文件
　　

　　

vue.js从安装到搭建过程详解

　　

6,安装npm项目依赖这一步会比较慢因为文件很多

　　 　　 　　npm安装 　　 　　

7,运行你的项目

　　 　　 　　npm运行开发 　　之前 　　 　　

到这里你的基本安装以及搭建就算是完成了

　　

下面就写一些我在项目里遇到的一些需要文件的引入

　　

　　

之前在和别人讨论的时候他说vue不需要用jQuery但是我们项目那边说要安装所以我就安装了_ - - - - - -
　　首先是命令行安装

　　 　　 　　npm安装jquery——保存 　　之前 　　 　　

加入- -保存的意思就是保留到本地
　　然后再webpack.config。js中
　　module.exports。插件=中加入

　　 　　 　　新的webpack.optimize.CommonsChunkPlugin (“common.js”), 　　新webpack.ProvidePlugin ({ 　　美元:“jquery”, 　　jquery:“jquery” 　　}） 　　之前 　　 　　

还有再要引用的js中加入

　　 　　 　　从“jquery”进口美元 　　窗口。$=$ 　　 　　

这样jQuery就成功导入项目中了

　　

　　

静态css导入就是在相应的。vue文件中导入
　　例如

　　 　　 　　@ import”。/资产/css/global.css”; 　　之前 　　 　　

静态js在相应的js中还需要有这些js以及css要放在资产下面

　　 　　 　　要求(“。/资产/js/global.js”) 　　 　　

还有elementui导入方法都是一样这里就医vue-resource为例

　　 　　 　　npm安装vue-resource——保存 　　之前 　　 　　

之后在需要导入的js中导入还有使用

　　 　　 　　从“vue-resource”进口VueResource 　　Vue.use (VueResource) 　　之前 　　 　　

本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。

　　

关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

vue.js从安装到搭建过程详解