构建vue项目

1、配置node.js

   打开cmd输入:>npm install cnpm -g --registry=https://registry.npm.taobao.org 根据提示进行安装

   可新建文件夹以备后续项目使用(vue文件夹)

2、安装vue脚手架

 等待安装......

3、检查安装版本,确认安装成功(vue -V)

扫描二维码关注公众号,回复: 9494409 查看本文章

 4、可关闭,在vue文件夹的地址栏中直接输入cmd,进入命令行

  输入:   >vue init webpack my-project        回车

 

  上述过程解释:

  Project name   项目名 

  Project description   项目名描述 

  Author   作者邮箱 

  Use ESLint to lint your code?   是否需要ESlist语法检查 一定选no

  Setup unit tests with Karma + Mocha?   是否需要单元测试 

  Setup e2e tests with Nightwatch?   是否需要e2e测试(Y/N都可)

    等待下载......

  5、启动项目

      cd my-project  回车

      使用命令   >npm run dev    启动项目;给出返回地址: http://localhost:8080

      不能关掉cmd的同时,去浏览器输入 http://localhost:8080就可以将项目启动

 

   开发时属于热部署状态,代码保存后浏览器会自动刷新,错误提示也非常友好。

   6、编译打包 >npm run build

   会编译打包到项目dist文件夹下,然后我们就可以部署到服务器上。

猜你喜欢

转载自www.cnblogs.com/zpp1/p/12386645.html
今日推荐