vue+elementUi项目构建

记录下从git拉取项目后第一次构建vue + elementUi的项目过程

1、首先从git或者svn拉取项目到本地

请事先配置好Git或者SVN,这里不做过多说明。

2.IDEA安装插件Vue.js

查看机器是否安装了Vue.js插件,

上面我的IDEA是3.5的,界面和之前版本不一样,如果老版本未安装请自行安装

3.安装node.js

因为需要npm,我们需要安装nodejs,npm本身就是node.js的包管理工具

https://nodejs.org/en/

前往node.js官网,下载需要的版本

注意,下载的时候最好问清楚项目使用的版本。避免出现版本不兼容的问题。

如果要以前版本的,点这里

这个页面最下面

查看以前版本。这里可以查看node.js与其配套的npm的版本

安装node.js按步骤来就行了。唯一需要注意这里,Add to PATH 记住勾选

4.查看node.js与npm是否兼容

打开控制台查看npm和node.js的版本

注意:可以去官网查看node.js与npm对应的版本,避免出现不支持的情况。有可能出现以前装过node,导致版本不支持

npm npm does not support Node.js,错误信息如下:

å¨è¿éæå¥å¾çæè¿°

解决办法:

控制台输入 如下命令:npm uninstall -g npm     

删除全局模块里面的npm,然后重新安装node.js

5.IDEA配置npm

这里的package-json选择你项目目录下package.json所在目录

script本地配置为dev,构建使用build

6.npm install

以上配置好后,第一次使用需要先对项目进行 install ,

7.npm run build

install完事后再使用build。可在IDEA中通过上面配置的npm进行build。也可在本地控制台进行,

注意:使用控制台install或者build时,必须先切换到项目的package.js所在目录下。

猜你喜欢

转载自blog.csdn.net/leaves_story/article/details/88687568