vue搭建脚手架cli

Vue cli脚手架

(1)通过的的WebPack搭建的开发环境

(2)使用ES6语法

(3)项目文件在环境中编译而不是浏览器

步骤:

1.安装node.js中验证的node.js是否安装成功

  电脑搜索框,输入cmd,输入节点-v,查看节点版本号,输入npm -v,查看npm版本号

2.安装VUE

        #全局安装
        npm install --global vue-cli
        #测试vue是否安装上
        vue --version

3.#创建一个基于webpack模板的新项目
   vue init webpack myvue(myvue为建的文件命名)

4.#进入上面建的文件夹

     cd myvue

    #安装项目所需要的模块

    npm install

5.进入È盘(因为我之前将项目放在ë盘,放的位置自行定义)的myvue文件,如下

6.在浏览器上展示运行效果

    npm run dev

7.浏览器输入的http://localhost:8080

猜你喜欢

转载自blog.csdn.net/qq_39561207/article/details/83792194