vue搭建,第一次

vue

首先,自己打算做一个前后端分离的项目,竟全然不会,全靠摸索,祈祷运气让我搭建顺利了,

第一步,安装node环境

1.下载https://nodejs.org/en/

2.检查是否安装成功,查看版本号

3.利用包管理器,可以减少包的引用的麻烦,可以使用国内的淘宝cnpm镜像,会比国外的npm镜像速度快一点

用命令安装npm镜像        npm install -g cnpm -registry=https://registry.npm.taobao.org 

这是安装时的过程:

输入 cnpm -v     检查是否安装成功:

第二步,搭建vue项目

1.全局安装脚手架vue-cli     (vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板)

命令:npm install --global vue-cli

脚手架安装成功

 2.新建项目

命令:vue init webpack vue-chaoxcx   

 按照他给出的提示,输入Y 或N点击回车,就开始创建项目了

   说明: Vue build ==> 打包方式,回车即可;

    Install vue-router ==> 是否要安装 vue-router,Y 回车;

    Use ESLint to lint your code ==> 是否需要 js 语法检测 n 回车;

    Set up unit tests ==> 是否安装 单元测试工具  n 回车;

    Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 n 回车;

有报错 也不知道有没有影响,继续吧

第三步,用visual studio code 打开项目

项目目录如下:

 用快捷键ctrl+~   打开窗口,执行命令npm i    加载依赖

 用命令 npm run dev  启动项目

 今天休息了,明天继续。。。。。

以上是 vue搭建,第一次 的全部内容, 来源链接: utcz.com/z/375797.html

回到顶部