Vue学习笔记

安装及调试可在本地windows环境下来操作

1、安装nodejs

node.js下载地址:http://nodejs.cn/download/

下载后按照步骤一步一步安装即可。

查看node和npm版本,node -v、npm -v

2、安装vue-cli脚手架和webpack依赖包

     1) 先安装cnpm,win+r-cmd,进入命令窗口,然后进入到你安装的nodejs的文件夹中,输入“npm install -g cnpm – registry=https://registry.npm.taobao.org”命令,来安装。

      2)安装vue-cli,输入(npm)cnpm install -g vue-cli

      3)安装webpack依赖,(npm)cnpm install -g webpack

3、创建项目

创建项目:选好目录之后,输入:vue init webpack vue_project、

Project name :项目名称

Project description:项目描述

Author:项目作者

install vue-router:Vue路由插件Y/N

Use ESLint to lint your code:是否使用ESLint来检测你的代码,ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码建议选择 ‘N’ 因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目

Setup unit tests:是否安装单元测试,建议N

Setup e2e tests with Nightwatch:是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。)

运行项目命令:npm run dev

打包项目命令:npm run build

发布的时候需要打包,修改config->index.js中的 assetsPublicPath: './', 将‘/’改为‘./’

然后打包生成一个dist文件,将该文件上传到服务器中即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。