VUE 环境搭建

需要模块 : 

1、Node.js        -->      后端javascript --------------> 直接到官网下载

2、npm            -->   Node.js  的包管理工具 ,由于下载插件等 ---------->

3、git

4、vue cli         -->

 

概括:https://github.com/vuejs/vue-cli/tree/master   打开该地址    Dev 分支代表 正在开发的版本 即 vue cli 3

打开master(主分支)  看到 2.9.6 即正式版本 ,在这个版本下面可以看见 大量的提示

 

1全局安装 vue cli  (vue 脚手架工具) :  在  git 命令行中执行 (有可能会丢包,重新执行该命令即可)  :

$ npm install -g vue-cli     

2  安装完成后即可  创建项目   ----> vue cli 为我们  预先提供了几种模板 供开发选择   如下:

按照如下格式即可创建模板项目: $ vue init webpack-simple 文件名

这里创建一个 webpacksimple 模板 作为示例:

$ vue init webpack-simple hhda 

执行后会弹出一下问题: 直接回车就行

? Project name hhda
? Project description A Vue.js project
? Author 853219061@qq.com <853219061@qq.com>
? License MIT
? Use sass? Yes

安装完成后会弹出以下提示: 表明安装成功

  vue-cli · Generated "hhda".

   To get started:

     cd hhda
     npm install
     npm run dev

 

cd hhda   --即跳转到该文件夹下

npm install  --安装依赖

npm run dev --运行项目 

想要正式进入开发就得 安装依赖    ,执行 运行项目  后可以看见 :

 

一个vue项目就创建完成了, 在 vscode 或者 其他 前端编辑器中打开 就可以 进行开发了