标签:vue cnpm 流程 Vue install test Yes 安装 搭建
1、官网地址:https://cli.vuejs.org/zh/guide/installation.html
首先下载node.js安装并且配置好环境变量。
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
前提要安装 以下:
1)安装npm淘宝镜像 cnpm
npm install -g cnpm --registry=
https://registry.npm.taobao.org
2)cnpm 安装webpack
cnpm install webpack -g
3)安装vue脚手架
cnpm install vue-cli -g
1、在文件目录下新建文件夹,命名为vuetest(名字自定义不做限制啊,只是一个目录方便管理)。
windows用户的话,直接进入该文件夹之后点击上方,点击地址栏输入cmd然后回车,就直接用cmd进去改目录下。
在命令行输入 vue init webpack (这里输入你的项目名字)
下面我解释命令之后的东西
?Project name test -----------项目名字叫test
? Project description A Vue.js project -----这是一个vue项目
? Author jh --------------作者叫jh
? Vue build standalone
? Install vue-router? Yes ------------是否安装路由(这里不安装的话也可以进去后手动安装,一般默认安装y)
? Use ESLint to lint your code? No -------是否使用ESLint 模式(这是严格模式会比较麻烦,新手建议不用,毕竟影响不大)
? Set up unit tests Yes -------- 是否设置单元测试,看需求,一般使用
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes ----nightwatch实现vue应用e2e测试
等待一会儿就等下载完之后就好了,如果下载过程中有问题使用cnpm install 一下
之后进去刚刚新建的vue项目的根目录下面,输入npm run dev 之后就运行了
直接访问 http://localhost:8080
一个vue项目就新建完成了
标签:vue,cnpm,流程,Vue,install,test,Yes,安装,搭建 来源: https://www.cnblogs.com/zhoading/p/16411160.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。