vue开发环境搭建
1,安装node.js:https://nodejs.org/en/,选择对应的版本下载安装即可。
安装成功后查看版本确认下是否安装成功:
node -v
2,webpack的安装
由于vue-cli是基于webpack的,所以我们要在安装一下webpack,命令行输入: npm install webpack -g
之后命令行输入:cnpm install vue-cli -g全局下安装,
3,安装手脚架vue-cli
安装访问外网会比较慢,所以这里建议下载淘宝镜像,命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org。
之后命令行输入:cnpm install vue-cli -g全局下安装。
注意:在安装过程可能会存在一些警告,是一些版本的问题,可以略过不计
4,
项目创建运行命令
-
创建项目 vue init webpack vuecmp
说明:会在执行命令的目录下直接创建项目
-
安装依赖包 cnpm install
-
运行项目 cnpm run dev/cnpm start
-
打包项目 cnpm run build
-
IntelliJ IDEA配置VUE开发环境
上面的几个步骤就已经可以完成vue项目的开发和打包一系列的操作了,方便开发我们一般会使用相关的idea进行开发。我习惯使用intellij idea开发。下面就讲下其配置的几个地方。
安装插件
-
配置js版本
添加HTML的格式
项目导入idea
导入项目
设置运行/打包命令
项目发布
build成功后会生成dist这个文件夹,就是打包后的dist。直接将这个文件夹放到服务器下就可以进行访问了
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)