资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vue-cli安装使用流程步骤详解-创新互联

1.全局安装vue-cli

创新互联长期为数千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为盘龙企业提供专业的网站制作、成都网站设计盘龙网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

cnpm i vue-cli -g

vue-cli安装使用流程步骤详解

2.监测安装版本

vue -V

大写V : version

3.指定目录下新建项目

vue init webpack [项目名]

vue-cli安装使用流程步骤详解

vue-cli安装使用流程步骤详解

按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此

vue-cli安装使用流程步骤详解

4.进入到项目

cd demo

vue-cli安装使用流程步骤详解

5.安装全部依赖(或者在init是选择自动安装)

cnpm i

6.安装你需要但是默认没被安装的(比如axios)

cnpm i --S vuex axios

vue-cli安装使用流程步骤详解

(上图忘了cd到对应目录,自己安装一定要先cd到对应目录,不然在文件夹同级又多建一个package.json和node_modules)

vue-cli安装使用流程步骤详解

备注: --S 大写,将安装到dependencies内

vue-cli安装使用流程步骤详解

6.安装成功执行运行

cnpm run dev

vue-cli安装使用流程步骤详解

这里,默认配置的端口为8080(后期可以自己改),现在可以在浏览器打开http://localhost:8080,如下图说明成功

vue-cli安装使用流程步骤详解

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:vue-cli安装使用流程步骤详解-创新互联
新闻来源:http://cdkjz.cn/article/dcoieo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220