学习成长

提供在线文档,方便大家学习


vue.js安装

<p>1.先安装node.js 安装官网最新的即可 版本应该要大于6.0版本</p> <p>nodejs的官网:<a href="https://nodejs.org/en/">https://nodejs.org/en/</a> 2.安装成功后,查看PC 命令行工具,敲击 node -v ,能看到相应的版本信息,说明环境变量都已经配置成功。 <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/80ce148ae4164517654a6b45522b90e0?showdoc=.jpg" alt="" /> 4.然后使用node.js npm工具download ,但是npm工具在国内网络比较慢,所以建议走cnpm 镜像来download。 装镜像cnpm,在cmd中输入:npm install -g cnpm -registry=<a href="https://registry.npm.taobao.org">https://registry.npm.taobao.org</a> 回车 5.安装成功后,使用cnpm安装vue-cli 脚手架工具,</p> <p>在cmd中输入: cnpm install -g vue-cli 回车,等待安装 6.安装成功后,在PC命令行工具,敲击vue指令,能看到相应的信息,说明vue脚手架安装成功。 <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/372868a3df03bd7e91d31993417e5ab0?showdoc=.jpg" alt="" /> 7.然后进入需要建project的磁盘,开始创建项目:vue init webpack xxxxx (xxxxx是你创建的项目名) <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/87a5f1591674e323c047b7e9fc2fd84d?showdoc=.jpg" alt="" /> ps:第四个问题是一个选择,你可以通过上下箭头来选择,一般选择第一个</p> <p>后面的问题都是根据需要来回答yes or no vue-router 路由插件 ESLint 代码检查工具 unit test 单元测试 nightwatch 测试框架</p> <p>做完这一步,已经出现vuedemo2文件夹,这个就是创建的项目 <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/5580cba99bf852109f63582548942064?showdoc=.jpg" alt="" /> 8.然后进入创建的vuedemo2目录,敲击指令10.项目跑起来后,会提示如下: <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/8c065f5d9f9275839010322dfaa63cc1?showdoc=.jpg" alt="" /> cnpm install 下载一些依赖。 <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/6705aa5158bbb3d3fc2012cb799d3155?showdoc=.jpg" alt="" /> 9.然后将项目跑起来。 <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/36071c41a5d6d82d45951219b0196105?showdoc=.jpg" alt="" /> 10.项目跑起来后,会提示如下: <img src="https://www.showdoc.cc/server/api/common/visitfile/sign/8c065f5d9f9275839010322dfaa63cc1?showdoc=.jpg" alt="" /></p>

页面列表

ITEM_HTML