关于vue.js:手把手教你如何搭建一个vue项目

1、先进去node.js官网下载,https://nodejs.org/zh-cn/download/
2、装置胜利后,命令框执行: node -v(查看以后node版本) npm -v(查看以后npm版本)
3、装置cnpm

 指令:npm install cnpm -g (装置cnpm,-g代表全局装置)
 查看是否装置胜利:cnpm  -v(查看以后cnpm版本)

4、装置webpack

 指令:npm intsall webpack -g
 查看装置后果:webpack -v

5、装置vue-cli

 指令:npm install vue-cli -g

cnpm install -g @vue/cli
6、开始创立一个vue我的项目

 1.上面筹备在D盘目录下的WebstormProjects下创立一个vue我的项目

2.首先依照下图中所示形式进入到当前目录下的cmd窗口
3.在Cmd命令窗口输出如下命令,新建一个vue我的项目

           vue init webpack my-project

4.在建设vue我的项目中次要须要输出如下信息
Project name my-project –我的项目的名称,间接默认回车

Project description A Vue.js project  --我的项目形容,间接默认回车
Author syf                            --作者姓名,输出名字(syf)回车
Install vue-router? Yes               --是否装置路由,输出y回车
Use ESLint to lint your code? No      --是否用ESLint标准代码,输出n回车
Set up unit tests No                  --是否须要单元测试,输出n回车
Setup e2e tests with Nightwatch? No   --是否须要单元测试,输出n回车
  5.进入到my-project文件夹下
         cd my-project
  6.装置依赖
         cnpm install
  7.启动我的项目
          npm run dev

具体查看:https://www.cnblogs.com/shenyf/p/8341641.html
记得设置镜像哦~
1、查看淘宝镜像:npm config get registry
2、设置淘宝镜像:npm config set registry url

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理