廊坊网站建设制作,建网站费用 优帮云,wordpress文章图片没src地址,企业网站设计解决方案一、在IDEA中配置vue插件
点击File--Settings--Plugins--搜索vue.js插件进行安装#xff0c;下面的图中我已经安装好了 二、搭建node.js环境
安装node.js 可以去官网下载#xff1a;安装过程就很简单#xff0c;直接下一步就行 测试是否安装成功#xff1a;要…一、在IDEA中配置vue插件
点击File--Settings--Plugins--搜索vue.js插件进行安装下面的图中我已经安装好了 二、搭建node.js环境
安装node.js 可以去官网下载安装过程就很简单直接下一步就行 测试是否安装成功要使用管理员方式打开命令行cmd 安装完成之后打开命令行工具,输入node -v如果出现版本号则说明安装成功npm包管理器是集成在node中的所以直接输入npm -v 就会显示npm版本信息 node环境已经安装成功由于有些npm有些资源被屏蔽或者是国外资源的原因经常会导致用npm安装依赖包的时候失败所以还需要安装npm的国内镜像----cnpm 三、安装cnpm注意都是管理员方式运行
在命令行中输入npm install -g cnpm --registryhttp://registry.npm.taobao.org然后等待安装 四、安装vue-cli脚手架构建工具注意都是管理员方式运行 在命令行中运行命令cnpm install -g vue-cli,然后等待安装完成通过以上三步我们的环境和工具都准备好了接下来就开始使用vue-cli来构建项目 五、构建运行项目 需要在命名行中cd 到项目目录中去然后需要输入命令vue init webpack xxxx(这里命令的意思是初始化一个项目项目名称是xxxx其中webpack是构建工具也就是整个项目时基于webpack的) 运行命令初始化的时候会让用户输入几个基本的选项如项目名称、描述、作者等信息可以直接回车默认就可以了。 六、安装项目依赖资源 这里列出了项目需要安装的依赖资源
首先需要cd到项目目录中去然后输入cnpm install 等待安装安装中会出现警告信息有的会出现栈溢出等错误一般第一次安装没事如果安装过的可以卸载了在重新安装 七、运行项目
运行命令npm run dev会用热加载的方式运行我们的应用热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果 我们也可以在IDEA中配置运行 点击edit configurations配置添加一个npm 然后就可以在IDEA中运行了。
