vue框架搭建及打包测试--小白向

创建vue项目

新建个文件夹 然后cmd: npm init vue@latest
当前的界面是这样

然后根据提示,选择,一般建议选择使用typescript开发(毕竟文件格式规范一点,容易得到iso9000认可)
eslint和端到端工具也加上,会好一点,方便以后测试.

安装项目包

npm install 

(如果没有魔法,可以试试cnpm install 安装包,需要找其他方法安装cnpm)

测试

npm run dev 可允许项目网页(网页为实时编辑,编辑代码后刷新就可见,不用重新打开)
(说一个小白都会想的事,就是为啥我没指定和ip,也能运行,因为vue项目本身是不会开启端口,没有服务,你访问的是靠node.js等进行,所以端口也是node.js开给你的)

打包项目

npm run build 将项目进行打包,压缩成一个dist文件,方便你搬运

测试运行打包的文件

npm install -g http-server
http-server

方便你看打包后看是否有错误