VUE+Element环境搭建与安装的⽅法步骤1，安装node，确保安装4.0版本以上，具体的安装可以百度。
2，在命令⾏创建⽂件夹
3，安装Vue-cli
输⼊：cnpm install -g vue-cli , 回车，等待安装。。。。
输⼊：vue ，查看vue相关信息
4，初始化项⽬
vue init webpack last_demo 然后等⼀下就会出现相关的信息，再⾃⼰去选择安装的⼀些设置
安装完的时候，你的⽂件夹就变成了这样了：
如果你的⽂件夹中没有node_modules的⽂件，那么你就要在命令⾏中打开你的项⽬并输⼊:
npm install
⼀、搭建环境
由于新的node已经集成了npm，所以直接安装node，前往node官⽹下载最新版本的node，根据⾃⼰的操作系统选择相应的包，按照步骤⼀步步⾛就可以，这⾥不做过多介绍。
安装好后可以打开命令⾏⽤ npm-v node-v 查看是否安装成功以及版本号
如果以前已经安装过node 和 npm 最好升级到最新版本，命令⾏ npm install
⾸先全局安装vue-cli，打开CMD命令⾏，npm install -g vue-cli
接下来新建项⽬，运⾏ vue init webpack demo 这⾥的demo是你项⽬的名字，接下来会有⼀些初始化的设置，其中vue-router 是路由，反正我都会选择安装，其他的可以回车跳过或者选择no
—按照提⽰，cd到新建的项⽬下，运⾏npm install
—运⾏npm run dev
到这⾥，不出意外的话可以在浏览器⾥⾯看到Vue的初始化模板了，如果没有可能是端⼝号被占⽤，这⾥就将配置⽂件config/index.js⾥⾯的端⼝号改掉就可以了
另外还要补充⼀下，最后的打包如果在本地起服务器运⾏打包后的⽂件是⽆法运⾏的，会报错404，所以这⾥将assetsPublicPath⾥⾯的 “/”改成”./”
⼆、安装Element
到这⾥我们就可以愉快的玩耍Vue了，但是我们之前说的是 Vue + Element 所以接下来我们要继续安装ElementUI
cd到当前项⽬运⾏ npm i element-ui -Svue element admin
到这⾥我们已经安装好了element，接下来就是在项⽬⾥⾯引⽤了，打开src⽬录下的main.js
三、打包
在项⽬⽬录下运⾏ npm run build 运⾏完成之后会在项⽬⾥⾯增加⼀个dist的⽬录，直接把这个⽬录丢给服务器就好了，dist⽬录的名字可以⾃定义在配置⽂件⾥⾯
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。