近期公司选用Vue实现了一个CMS的后台管理系统,从零基础搭建到项目完成,遇到了不少问题,同时也成长了很多,下面是自己在平时学习使用过程中总结的一些问题。
vue不仅仅是一个模板引擎,它可以构建数据驱动的web界面,而它的一个框架NUXT主要是做服务器渲染的,便于SEO优化。
vue所适用的场景:
1、存在复杂表单的应用;
2、不需要考虑seo的单页应用;
3、内部系统;
4、不需要支持低版本IE浏览器的应用;
5、其他带壳的web应用;
一、安装
1.下载安装node,然后打开cmd,输入npm -v测试,若npm不被写入则更改环境变量path(cmd要调用的path)路径
2.安装Git(GitHub),node,修改path路径
3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
验证通过:cnpm -v
4..安装vue指令(全局安装vue-cli):cnpm install -g vue-cli(npm install vue-cli-g)
验证通过:vue
5.创建一个基于“webpack”模板的新项目(初始化项目):vue init webpack my-project
6.进入package文件:vi package.json
7.安装项目依赖:
cd my-project
npm install
npm run dev(在localhost启动测试服务器)
npm run build(生成上线目录(部署))
8.打包和运行
npm run build npm start
9.NUXT打包:
npm run build
npm run generate
nuxt build:使用webpack构建应用程